ホームページ > ウェブフロントエンド > htmlチュートリアル > ネストされた div_html/css_WEB-ITnose の onClick イベントの問題

ネストされた div_html/css_WEB-ITnose の onClick イベントの問題

WBOY
リリース: 2016-06-24 11:47:58
オリジナル
1051 人が閲覧しました

以下のコードの外側の 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>
ログイン後にコピー

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