jQuery を使用しています。以下の JavaScript コードの jQuery バージョンを知りたいです。
document
.getElementById('cars')
.addEventListener('change', handleFileSelect, false);
これは、jQuery が を好まないためですaddEventListener()
。
jQuery を使用しています。以下の JavaScript コードの jQuery バージョンを知りたいです。
document
.getElementById('cars')
.addEventListener('change', handleFileSelect, false);
これは、jQuery が を好まないためですaddEventListener()
。
それは...
$('#cars').change(handleFileSelect);
jQueryは好きaddEventListener()
です。実際、それがそのイベントの好ましい実装であると確信しています(標準です)。
$("#cars").bind("change",handleFileSelect)
$('.#cars').change(handleFileSelect);
分解:
// document.getElementById('cars')
$('#cars'); // #<name> is id reference,
// .<name> is class reference
// <name> is an HTML tag reference
// addEventListener
.bind('change', handleFileSelect) // "broad" binding
.change(handleFileSelect) // jQuery short-hand of above
基本的にあなたの答えはこれです:
$("#files").bind("change",handleFileSelect);
ただし、change
イベントは他の組み込みイベント ハンドラーによって使用されるため、その特定の文字列をイベントとして使用しないようにすることをお勧めします (もちろん、そのイベントをキャプチャする場合を除きます)。:P
change イベントは、値が変更されたときに要素に送信されます。このイベントは、
<input>
要素、<textarea>
ボックス、および<select>
要素に限定されます。選択ボックス、チェックボックス、およびラジオ ボタンの場合、ユーザーがマウスで選択を行うとすぐにイベントが発生しますが、他の要素タイプの場合、要素がフォーカスを失うまでイベントは延期されます。
jQueryのドキュメントには、関数を説明するために次のように書かれていbind
ます:
要素のイベントにハンドラーをアタッチします。
あなたは試すことができます:
$('#cars').bind('change', function() { //your code goes here });
jQueryのドキュメントによると:
http://api.jquery.com/bind/ (バインド)
http://api.jquery.com/live/ (ライブ)
たくさんの選択肢がある中で、より明晰で理解しやすい方を選ばなければなりません。
それが役に立てば幸い!
$("#cars").on('change', handleFileSelect);
$("#cars").live("change",handleFileSelect)
これは、入力要素が JavaScript によって動的に作成される場合に役立ちます。