ホームページ > ウェブフロントエンド > htmlチュートリアル > jsのバブリングを停止する例を詳しく解説

jsのバブリングを停止する例を詳しく解説

零下一度
リリース: 2017-06-24 14:04:58
オリジナル
1232 人が閲覧しました





qypt15
div {
background-color: green;
border: 1px Solid;
padding: 50px;
}


例を示しますin さまざまなイベント リスナーを追加する場合、バブリングはキャプチャとは異なります。



段落をクリックするとバブルが表示されます。





;キャプチャ中の段落をクリックしてください。



<script><br>function myP(e) {<br>alert("P 要素をクリックしました!");<br> window.event.cancelBubble = true : e .stopPropagation();<br>}<br>function myDiv() {<br>alert("DIV要素をクリックしました!");<br>}<br>function myPa() {<br>alert("P2要素をクリックしました!"); <br>}<br> function myDiva() {<br>alert("DIV2 要素をクリックしました!");<br>}<br></script>


以上がjsのバブリングを停止する例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート