ホームページ  >  記事  >  ウェブフロントエンド  >  JSでのイベントキャプチャのケースコード

JSでのイベントキャプチャのケースコード

不言
不言オリジナル
2018-08-29 16:30:321477ブラウズ

この記事の内容はjsでのイベントキャプチャのコードです。必要な方は参考にしていただければ幸いです。

1. イベントの種類
Onclick は、マウスがクリックされたときにトリガーされることを意味します
Ondblclick は、マウスがダブルクリックされたときにトリガーされることを意味します
Onmouseover は、マウスが移動するとトリガーされることを意味します
onmouseout は、マウスが外に出たときにトリガーされることを意味します
2. ケースとコードを作成します

3. 結果を表示します。 3.1 テーブルの最初の列をクリックすると、「クリックイベントがキャプチャされました」というメッセージが表示されます
3.2 表の 2 番目の列をダブルクリックすると、「ダブルクリック イベントがキャプチャされました」がポップアップ表示されます JSでのイベントキャプチャのケースコード

3.3 マウスを表の 3 列目に移動すると、「マウス移動イベントがキャプチャされました」がポップアップ表示されます JSでのイベントキャプチャのケースコード

3.4 マウスを表の4列目から外に出すと、「マウスアウトイベントキャプチャ」がポップアップ表示されますJSでのイベントキャプチャのケースコード

JSでのイベントキャプチャのケースコード関連おすすめ:

JSでのイベントキャプチャのケースコードjsの数学関数の概要と事例紹介

詳細を理解するJavaScriptのイベントメカニズムの解析

以上がJSでのイベントキャプチャのケースコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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