jqueryを使用してタグ入力ブートストラップでアラートが機能していません

ブートストラップ入力フィールドのJQは、tags input入力フィールドでは機能しません。 HTML：jqueryを使用してタグ入力ブートストラップでアラートが機能していません

<input type="text" name="cities" class="form-control newCity" data-role="tagsinput" />

のjQuery：

$(document).on('keyup mouseup', ".newCity", function(e) { 
    e.preventDefault(); 
    alert('hello'); 

});

私はmouseout何も作業していない、keyup、mousedown、mouseupで試してみました。

JSフィドルリンク：Here

任意の提案、してください！

2017-08-18 06011991

ブートストラップは、あなたの入力を隠し、タグの新しいものを作成し、@Satpalイベント – Satpal

を処理するためにドキュメントを読んで：ええ、私はそれを知っているんだけどどうやってやりますこの目に見える入力に対して注意を払いますか？ – 06011991

ブラウザの開発ツールを使用して、実際にDOM内にあるものを確認してから、一致するセレクタを見つけてください。 – CBroe

入力に何もしていないためです。

あなたの入力は隠され、入力の代わりに別の要素が追加されます。

入力を確認すると、これが表示されます。

デモを参照してください：fiddle

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

2017-08-18 10:59:18

答えて