ホームページ > 記事 > ウェブフロントエンド > テキストボックスの内容をJS code_javascriptスキルと同期するインスタンスメソッド
テキストボックスの内容をJS code_javascriptスキルと同期するインスタンスメソッド
- WBOYオリジナル
- 2016-05-16 17:29:031061ブラウズ
HTML コード:
コードをコピー コードは次のとおりです。
head>
<script> /alert("同期成功") <br> } <br> // 同期を実行します<br> setInterval(synchronize,500);// 0.5 秒ごとに同期します <br> </script>
2 番目の入力ボックスに文字を入力すると、最初の入力ボックスに自動的に同期されます。
最初の入力ボックス:
2 番目の入力ボックス:
;/html>
上記の HTML コードを HTML 形式のファイルに保存し、ブラウザで開くと効果が確認できます。注: 一部のブラウザでは、セキュリティ上の理由からローカル スクリプトの実行が禁止されています。[実行] をクリックしてください。
情報を探しているうちに、変更イベントだけでなく他のイベントも処理できることが分かりました。例: keyup イベントなど。別のスニペットの例を次に示します:
コードをコピー
コードは次のとおりです: // これ即時の変更ではありません //即時変更ですが、マウスカーソルで操作すると検出されないので、
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。