ホームページ >ウェブフロントエンド >htmlチュートリアル >ネストされた div_html/css_WEB-ITnose の onClick イベントの問題
ネストされた div_html/css_WEB-ITnose の onClick イベントの問題
- WBOYオリジナル
- 2016-06-24 11:47:581052ブラウズ
以下のコードの外側の div に onClick イベントを追加して、マウスが div をクリックするとジャンプするようにしました。
ただし、画像に他の効果を追加したため、中央の画像をクリックしてもジャンプ イベントはトリガーされません。
どうやってやるの？
<div class="box" onClick="window.open('interest/cloud.php');"> <div class="texts"> <div class="title">云</div> </div> <div class="images"> <img src="angel.gif" /> </div> <div class="texts"> <div class="content">云</div> <div class="author">云</div> </div></div> つまり、マウスが画像以外の領域をクリックするとジャンプ イベントがトリガーされ、画像をクリックすると他のイベントが実行されます。
ディスカッションへの返信 (解決策)
<div class="box" onClick="window.open('interest/cloud.php');"> <div class="texts"> <div class="title">云</div> </div> <div class="images" onClick="event.cancelBubble = true"> <img src="angel.gif" /> </div> <div class="texts"> <div class="content">云</div> <div class="author">云</div> </div></div> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。