ホームページ > ウェブフロントエンド > jsチュートリアル > JS_javascript スキルを使用してキャリッジ リターン イベントを制御するコード

JS_javascript スキルを使用してキャリッジ リターン イベントを制御するコード

WBOY
リリース: 2016-05-16 18:10:36
オリジナル
1171 人が閲覧しました

実際、私たちの操作習慣は Enter を使用してデータを直接送信することです。プロジェクトをいくつか検査した結果、ページが適切に設計されていないことが判明しました。そのため、ブラウザーは読み込み時にログアウト ボタンをデフォルトのボタンとして認識し、Enter キーが押されるとすぐにログアウト ボタン イベントがトリガーされました。巨大なプロジェクトを考えると、この問題に対応するためにページのデザインを変更するのは非現実的です。また、顧客は、「保存」ボタンがあるときに Enter ボタンが押されたときに「保存」ボタン イベントがトリガーされることを要求しています。 「次へ」ボタンがある場合はイベント、「送信」ボタンがある場合は対応するイベントがトリガーされるなどです。ページを 1 つずつ変更すると、作業負荷が膨大になります。そこで、テンプレート ヘッダー ファイルで js を直接使用して、サイト全体の Enter ボタンのイベントをトリガーすることを検討しました。対応するコードは次のとおりです:

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




実際には、上記の段落をテンプレート ファイルに追加し、最初に Enter イベントを取得し、次にページ上のすべてのボタンを取得するだけです。 ID が要件を満たしているか? 満たしている場合は、ボタン イベントをトリガーします。上記のコードのもう 1 つの問題は、ページ上に複数の ID を持つボタンが同時に存在すると、すべてのボタンがトリガーされてしまうことです。これを改善する方法については、実際のアプリケーションのシナリオによって異なりますが、私のプロジェクトではそうなります。これらのボタンは同時に存在しません。安全に使用できます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート