jQuery 'input'イベント

inputこのjsfiddleを見るまで、jQueryで呼び出されるイベントを聞いたことがありません。

なぜそれが機能しているのか知っていますか？それはkeyup何かのエイリアスですか？

$(document).on('input', 'input:text', function() {});

要素のテキストコンテンツがユーザーインターフェイスを介して変更されたときに発生します。

キーが何もしない場合でもが起動するkeyupため、これはまったくエイリアスでkeyupはありません（たとえば、Ctrlキーを押してから放すとkeyupイベントがトリガーされます）。

それを考える良い方法は次のようなものです。これは、入力が変化するたびにトリガーされるイベントです。これには、入力を変更するキーを押す（たとえば、Ctrlそれ自体ではイベントはトリガーされませんが、Ctrl-Vテキストを貼り付けるために）、オートコンプリートオプションの選択、Linuxスタイルのミドルが含まれますが、これらに限定されません。クリック、貼り付け、ドラッグアンドドロップ、および他の多くのこと。

詳細については、このページとこの回答に関するコメントを参照してください。

oninput イベントは、入力フィールドの変更を追跡するのに非常に役立ちます。

ただし、バージョン9未満のIEではサポートされていません。ただし、古いバージョンのIEにonpropertychangeは、と同じ独自の独自のイベントがありoninputます。

したがって、次のように使用できます。

$(':input').on('input propertychange');

クロスブラウザを完全にサポートします。

propertychangeは、任意のプロパティの変更に対してトリガーされる可能性があるため、たとえば、disabledプロパティが変更された場合、次のように含める必要があります。

$(':input').on('propertychange input', function (e) {
    var valueChanged = false;

    if (e.type=='propertychange') {
        valueChanged = e.originalEvent.propertyName=='value';
    } else {
        valueChanged = true;
    }
    if (valueChanged) {
        /* Code goes here */
    }
});

jQueryを使用すると、以下は実質的に同じです。

$('a').click(function(){ doSomething(); });
$('a').on('click', function(){ doSomething(); });

inputただし、このイベントでは、テストしたブラウザーで2番目のパターンのみが機能するようです。

したがって、あなたはこれが機能することを期待していますが、（少なくとも現在は）機能していません：

$(':text').input(function(){ doSomething(); });

繰り返しになりますが、イベントの委任を利用したい場合（たとえば、がDOMに追加される#container前にイベントを設定する場合input.text）、これが頭に浮かぶはずです。

$('#container').on('input', ':text', function(){ doSomething(); });

悲しいことに、再び、それは現在動作しません！

このパターンのみが機能します：

$(':text').on('input', function(){ doSomething(); });

より最新の情報で編集

私は確かにこのパターンを確認できます：

$('#container').on('input', ':text', function(){ doSomething(); });

NOW WORKSも、すべての「標準」ブラウザで機能します。

claustrofobが言ったように、oninputはIE9 +でサポートされています。

ただし、「oninputイベントはInternet Explorer 9ではバグがあります。文字が挿入された場合にのみ、ユーザーインターフェースを介してテキストフィールドから文字が削除されても発生しません。onpropertychangeイベントはInternet Explorer 9でサポートされていますが、 oninputイベント、バグもあり、削除時に起動されません。

文字はいくつかの方法で削除できるため（BackspaceおよびDeleteキー、CTRL + X、コンテキストメニューの[Cut and Delete]コマンド）、すべての変更を検出するための適切な解決策はありません。コンテキストメニューの[削除]コマンドで文字を削除すると、Internet Explorer 9のJavaScriptで変更を検出できません。

入力とキーアップの両方にバインドする良い結果があります（バックスペースキーを押しながらIEでキーダウンしたい場合はキーダウンします）。

INPUTの使用中は注意してください。このイベントは、IE 11のフォーカスとブラーで発生しますが、他のブラウザーでの変更時にトリガーされます。

https://connect.microsoft.com/IE/feedback/details/810538/ie-11-fires-input-event-on-focus

ここでは、「input」はDOM Level Oイベントモデルの「oninput」と同じように機能するだけだと思います。

ちなみに：

Silkfireがコメントしたように、私も 'jQuery input event'をググった。したがって、私はここに導かれ、「入力」がjqueryのbind（）コマンドの受け入れ可能なパラメーターであることを知って驚いていました。で処置でのjQueryた（p。102、2008年版）「の入力が」（20人の他人に対して、「アンロード」に「ボケ」から）可能イベントとしてmentionnedされていません。それは、p。92、逆は、再読込から（すなわち、レベル0とレベル2モデル間の異なる文字列識別子への参照から）推測される可能性があります。それはかなり誤解を招くものです。

jQueryには、.on()メソッドの次のシグネチャがあります。.on( events [, selector ] [, data ], handler )

イベントは、この参照にリストされているイベントのいずれかである可能性があります。

https://developer.mozilla.org/en-US/docs/Web/Events

ただし、すべてのブラウザでサポートされているわけではありません。

Mozillaは入力イベントについて次のように述べています。

または要素の値が変更されると、DOM入力イベントが同期的に発生します。さらに、コンテンツが変更されたときに、コンテンツ編集可能なエディターで起動します。

$("input#myId").bind('keyup', function (e) {    
    // Do Stuff
});

IEとChromeの両方で動作