入力ボックスにjQueryの/ JSネイティブリアルタイム監視入力値の変更

入力イベント：

onchange：

1に入力フォーカスを失うには時間がトリガされます。

マウスの他の場所タップがトリガすると、入力ボックスの内容の変更は、変更をトリガしないであろう2、。

3、すべての主要なブラウザでのonchangeイベントはサポートしています。

<選択>、<入力>、および<TEXTAREA>：4、プロパティONCHANGEに使用することができます。

<スクリプト> 
    関数の変化（）{ 
        VAR X =のdocument.getElementById（ "パスワード"）; 
        x.value = x.value.toUpperCase（）。
　　　　console.log（ "出发了"）
     } 
</ SCRIPT> 
</ HEAD> 
<BODY> 

   输入你的密码：の<input type = "テキスト" ID = "パスワード"のonchange = "変化（）"> 
 
</ BODY>

oninput：

ユーザは要素の値が変更されたときに直ちにトリガされるトリガを、入力1、。

値<入力>または<TEXTAREA>要素が変更された場合、図2に示すように、イベントがトリガされます。

3、欠陥：スクリプトからは、トリガイベントの値を変更しません。プロンプトが表示されたら、ブラウザから値を選択するには、ドロップダウンボックスをトリガしません。IE9は、代わりに次のイベントonpropertychange利用可能IE9ので、以下をサポートしていません。

JS：の<input type = "text" ID = "パスワード" oninput = "変更（）">

jQueryの：（ '入力のPropertyChange'、変化する）上の$（ "＃パスワード"）;。

onpropertychange：

プロパティは、要素を変更したときに1、それはリアルタイムの引き金となり、イベントがトリガされます。要素がトリガしない場合は無効にする場合=真

2、欠陥：IEのみのサポートでは、他のブラウザを解決するためにoninput使用してサポートしていません。

<input type = "テキスト" ID = "パスワード" oninput = "onpropertychange（）">

　jQueryの：

長さ！= 0？


　　$（ "＃ログイン"）、CSS（ "背景色"、 "＃086AC1"）：$（ "＃ログイン"）、CSS（ "背景色"、 "＃529DE0"）。。 }）。
}）    
       </スクリプト> 
    </ BODY>   
</ HTML>

　JavaScriptの;

  ます。<script type = "text / javascriptの"> 
    // FirefoxやGoogle Chromeの、オペラ、サファリ、インターネットエクスプローラーからバージョン9 
        の機能OnInput（イベント）{ 
            警告（ "新しいコンテンツ：" + event.target.value）。
        } 
    // Internet Explorerの
        （イベント）{OnPropChanged関数
            IF（event.propertyName.toLowerCase（）== "値"）{ 
                アラート（ "新しいコンテンツ：" + event.srcElement.value）。
            } 
        } 
 </ SCRIPT> 
 
 の<input type = "text"のoninput = "OnInput（イベント）" onpropertychange = "OnPropChanged（イベント）"値= "テキストフィールド" />

入力ボックスにjQueryの/ JSネイティブリアルタイム監視入力値の変更

おすすめ