テキスト ボックスにデータを入力するときに、onkeyup を使用すると、キーボードが押されて離されたときにイベントを検出できます。onpropertychange はすべての変更をキャプチャできますが、onchange はイベントをキャプチャする前に実行する必要があります。ただし、キーボード入力の代わりに貼り付けによってデータを入力する場合もあります。その場合、テキスト ボックスの状態の変化をリアルタイムで検出する必要があります。
onpropertychange は Firefox ではサポートされていません。Firefox で通常に使用したい場合は、oninput 属性と addEventListener を使用してイベントを登録する必要があります。
;body
入力テスト
;/div>
<--
関数 getOs() /ブラウザの種類を決定します
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE"; isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return " Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino"; if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko" }
}
if(navigator.userAgent .indexOf("MSIE" )>0){
document.getElementById('tx1').attachEvent("onpropertychange",txChange);
}else if(navigator.userAgent.indexOf("Firefox") >0){
document.getElementById('tx1').addEventListener("input",txChange2,false);
}
function txChange(){
alert("testie");
}
function txChange2(){
alert("testfirefox");
上記は onpropertychange イベント メソッドですそれはFirefoxと互換性があります。