JavaScriptの変更を処理します

Question

私は立ち往生しており、助けが必要です。私は5つのテキストボックス：txt1,txt2,txt3,txt4およびtxt5を持っていて、機能はfunc1()です。私はこれらのテキストボックスのいずれかに変更がある場合は、関数func1()が呼び出されることを望みます。私はJavaScriptでこれをどうやってやることができますか？

Answer 1

リンクはあなたのfunc1の（）にのonchangeイベントが

それは何かになる要素への参照を取得する必要がある場合は<input type="text" id="txt1" onchange="func1()" />

はJavaScript Event onChange

Answer 2

あなたは、これらのテキストボックス内onchangeイベントをサブスクライブして機能を呼び出すことができます。

<input type="text" name="txt1" id="txt1" onchange="func1();" /> 
<input type="text" name="txt2" id="txt2" onchange="func1();" /> 
... 

または控えめにそれを行う：

​​3210 ：あなたのjavascriptファイルで

<input type="text" name="txt1" id="txt1" /> 
<input type="text" name="txt2" id="txt2" /> 
... 

、その後に

またはループ内：

window.onload = function() { 
    for (var i = 1; i <= 5; i++) { 
     document.getElementById('txt' + i).onchange = func1; 
    } 
}; 

Answer 3

onchangeを使用してください。あなたはその後、

<input type="text" name="txt1" id="txt1" onchange="func1(this);" /> 
    <input type="text" name="txt2" id="txt2" onchange="func1(this);" /> 

function func1(item){ 
    // you have the reference to the item 
} 

Answer 4

を参照してください。 like：

<input type="text" onchange="func1()"> 
<input type="text" onchange="func1()"> 
<input type="text" onchange="func1()"> 
<input type="text" onchange="func1()"> 
<input type="text" onchange="func1()"> 

（ID /名前が書かれていませんでした。）

Answer 5

<SCRIPT TYPE="text/javascript"> 

function function1() 
{ 
alert("changed"); 
} 

</SCRIPT> 

<INPUT NAME="txt1" onChange="function1()"><BR> 
<INPUT NAME="txt2" onChange="function1()"><BR> 
<INPUT NAME="txt3" onChange="function1()"><BR> 

Answer 6

私はHTMLで "のonchange" イベントを使用して、すべての答えを参照してください。これは悪い習慣です。理由を理解するにはUnobtrusive Javascriptを参照してください。

document.getElementById('').addEventListener('change', function() {});を使用することをおすすめしますが、これはクロスブラウザサポートが最適ではないため、jQueryをお勧めします。 jQueryので

、あなたは自分のテキストボックスに同じクラスを追加し、あなたがこれを行うことができます。

$('.textBoxes').change(function() {}); 

誰かではJavaScriptを要求したとき、私は通常のjQueryをお勧めしませんが、この場合は明らかにクロスを要求-browserとの互換性。