ホームページ >ウェブフロントエンド >jsチュートリアル >入力した入力ボックスの内容をリアルタイムに取得します

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

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-19 09:46:084729ブラウズ

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

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

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

<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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。