入力した入力ボックスの内容をリアルタイムに取得します

今回は、入力ボックスの内容のリアルタイム取得について説明します。入力ボックスの内容をリアルタイムに取得するための注意事項は次のとおりです。実際のケースを見てみましょう。

入力ボックスの内容はリアルタイムで監視されます。 イベントは、入力ボックスの内容が変更された場合にのみトリガーされます。入力ボックスの内容が変更されない場合、イベントはトリガーされません。

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

<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
 function OnInput (event) {
  alert (event.target.value);
 }
 function OnPropChanged (event) {
  if (event.propertyName.toLowerCase () == "value") {
   alert (event.srcElement.value);
  }
 }
</script>
<form>
 用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS は星評価を実装します

JS はデータ検証とチェックボックスフォームの送信を実装します

以上が入力した入力ボックスの内容をリアルタイムに取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。