各入力が正当であるかどうかを確認してください。漢字入力_フォームの特殊効果が発生すると問題が発生します。

情報を記録し、数日以内にテストして結果を公開します

コードをコピーします コードは次のとおりです: document.getElementById('xx').attachEvent('onpropertychange',function(o){alert('ok')}); //- -> &lt ;/script> 上記のコードを実行し、入力ボックスをクリックすると、onpropertychange もトリガーされることがわかります。プロパティの値が変更されている限り、このイベントがトリガーされます。

2 番目に、この機能を発見したので、問題が発生します。入力ボックスの値が変更されたときに関数操作を実行したい場合、カスタム属性も変更する必要がある場合があります。したがって、onpropertychange は 2 回トリガーされますが、これは私たちが望むものではない可能性があります。 推測ですが、このような属性が提供されているので、どの属性が変更されたのかを取得できるはずです。パラメータの数とその内容を取得してみます。

コードをコピー コードは次のとおりです: document.getElementById('xx').attachEvent('onpropertychange',function(){ alert(arguments.length); for(var i=0;i alert (arguments[i]); } });

上記のコードを実行しますすると、「1」と「[object]」というポップアップが表示されます。これは、イベントがコールバック関数にパラメータを 1 つだけ渡し、それがオブジェクト型であることを示しています。 それでは、このオブジェクトを走査してみましょう。

コードをコピー コードは次のとおりです: document.getElementById('xx').attachEvent('onpropertychange',function(o){ for(var item in o){ alert(item ":" o[item]); } }); //->

よく見ると、 propertyname というような属性が見つかるかもしれません。このプロパティの意味は誰もが推測できると思います。はい、これはどの属性が変更されたかを取得するために使用されます。

コードをコピー コードは次のとおりです: document.getElementById('xx').attachEvent('onpropertychange',function(o){ alert(o.propertyName); }); ;/script&gt ;

テキスト ボックスをクリックして値をそれぞれ入力すると、myprop と value がそれぞれポップアップ表示されることがわかります。

最初の問題に戻ると、値が変更されたかどうかを判断するだけで済みます。 コードを直接確認します:

コードをコピーします コードは次のとおりです: document.getElementById('xx').attachEvent('onpropertychange',function(o){ if(o.propertyName!='value')return; //If値が変更されない場合、次の処理は実行されません。 //--> >

3. FF に onPropertyChange と同様の効果をサポートさせる

たとえば、入力ボックスは数字のみを入力できますが、ユーザーは文字などを入力します。このとき、ユーザーは「値が赤になる」などと入力します。または、テキストエリアのテキストフィールドに残りの入力文字を求めるプロンプトが表示されます。IE では onPropertyChange を使用しても問題ありませんが、効果はありません。 on FF~~~

そこで、インターネット上で実行可能な方法を見つけました~~ Firefox には onPropertyChange と同じ効果を持つ oninput イベントがあるため、oninput と onPropertyChange を同時に追加すると問題は解決します~~ ~ oo....

各入力が正当であるかどうかを確認してください。 漢字入力_フォームの特殊効果が発生すると問題が発生します。

各入力が正当であるかどうかを確認してください。漢字入力_フォームの特殊効果が発生すると問題が発生します。