ホームページ > ウェブフロントエンド > jsチュートリアル > Firefox および IE の onpropertychange イベント oninput_form 効果と互換性があります

Firefox および IE の onpropertychange イベント oninput_form 効果と互換性があります

WBOY
リリース: 2016-05-16 19:04:00
オリジナル
1094 人が閲覧しました

テキスト ボックスにデータを入力するときに、onkeyup を使用すると、キーボードが押されて離されたときにイベントを検出できます。onpropertychange はすべての変更をキャプチャできますが、onchange はイベントをキャプチャする前に実行する必要があります。ただし、キーボード入力の代わりに貼り付けによってデータを入力する場合もあります。その場合、テキスト ボックスの状態の変化をリアルタイムで検出する必要があります。
onpropertychange は Firefox ではサポートされていません。Firefox で通常に使用したい場合は、oninput 属性と addEventListener を使用してイベントを登録する必要があります。


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

例: コードは次のとおりです。


;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と互換性があります。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート