Heim > Web-Frontend > HTML-Tutorial > 嵌套div的onClick事件问题_html/css_WEB-ITnose

嵌套div的onClick事件问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:47:58
Original
1049 Leute haben es durchsucht

我在下面的代码中的外层div中加了onClick事件,这样当鼠标点击这个div的时候就会跳转了。
但是我在图片上加了一些其他效果,所以当鼠标点击中间的img时不能触发跳转事件。
这个要怎么做啊?

<div class="box" onClick="window.open('interest/cloud.php');">	<div class="texts">		<div class="title">云</div>	</div>	<div class="images">		<img  src="angel.gif" / alt="嵌套div的onClick事件问题_html/css_WEB-ITnose" >	</div>	<div class="texts">		<div class="content">云</div>		<div class="author">云</div>	</div></div>
Nach dem Login kopieren

总之就是当鼠标点击除了图片以外的区域触发跳转事件,而点击图片的时候则执行我的其他事件。


回复讨论(解决方案)

<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" / alt="嵌套div的onClick事件问题_html/css_WEB-ITnose" >	</div>	<div class="texts">		<div class="content">云</div>		<div class="author">云</div>	</div></div>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage