如何让JQuery标记输入使用特定的输入

Question

我正在使用Bootstrap 3并尝试使用taginputs。这是一个非常简单的aspx网页表单，页面上只有一个类型输入。所以事情正在进行，但我想弄清楚如何获得标签输入，而不必与页面上的所有输入相抵触。

这是aspx页面上的代码

<input type="text" ID="txtSearch" data-role="tagsinput" />

当这被渲染到后面的代码时，看起来像这个

<input type="text" placeholder="" size="1">
<input type="text" id="txtSearch" data-role="tagsinput" style="display: none;">

在javascript中，我有代码

$("[id$=txtSearch]").tagsinput('items');
$('input').keyup(function (e) {
console.log("keyup");
});

因此，taginputs似乎添加了inputtype="text"，并且要访问数据，您必须反对"inputs"。似乎必须有一种方法来命名所添加的输入，这样它就不会应用于页面上的所有输入。我还没想好怎么做。。任何人都知道这一点。

谢谢shannon

Answer 1

你能试试这个吗？bootstrap使用.bootstrap-tagsinput类创建新的输入，所以处理它：

$(document).on('keyup', ".bootstrap-tagsinput", function(e) {
alert('hello');
});

fiddle 的工作示例