嵌套div的onClick事件问题
2016-08-10 10:20
183 查看
嵌套div的onClick事件问题
我在下面的代码中的外层div中加了onClick事件,这样当鼠标点击这个div的时候就会跳转了。
但是我在图片上加了一些其他效果,所以当鼠标点击中间的img时不能触发跳转事件。
总之就是当鼠标点击除了图片以外的区域触发跳转事件,而点击图片的时候则执行我的其他事件。
------解决思路----------------------
我在下面的代码中的外层div中加了onClick事件,这样当鼠标点击这个div的时候就会跳转了。
但是我在图片上加了一些其他效果,所以当鼠标点击中间的img时不能触发跳转事件。
<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="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> ****注意
onClick="event.cancelBubble = true", 这句代码要加在点击框的父级上
相关文章推荐
- 使用iscroll滑动区域内的div onclick事件单击一次触发了两次问题的解决
- Android LinearLayout 嵌套 button 监听LinearLayout的onClickListener事件出现问题
- div嵌套点击事件问题解决方法-阻止冒泡事件
- 嵌套DIV中的onClick事件在嵌套容器中的连环作用
- Div 嵌套事件
- Axure RP Pro - 相关问题 - dynamic panel动态面板上的image图片部件设置了rollover翻转图片后在OnClick事件中不能正确隐藏所在面板
- Axure RP Pro - 相关问题 - checkbox复选框部件的OnClick事件中复选框的状态已发生了改变
- a标签伪协议触发事件和onclick触发事件的this指针问题
- 浏览器兼容问题,Chrome中Flash的onclick事件
- 嵌套在DataList1里的DataList2的ItemDataBound事件编写注意问题.
- css的div嵌套问题
- FF浏览器嵌套div中margin-top转移问题的解决办法
- [导入][Code]ie和firefox在img嵌套在div中onclick事件的不同
- ie6 几个li上下排列会闪动的问题,嵌套div—外层div内层div都设置背景颜色,内层div背景色不显示的问题
- 页面设计中a标签内嵌套div标签的高度问题
- table与div互相嵌套时,要注意的问题
- a标签伪协议触发事件和onclick触发事件的this指针问题
- 有关在div中的嵌套事件
- a中嵌套div的问题
- IE6|7|8/9兼容模式 UL LI OnClick 事件问题