这个问题怎么解?

天天快乐不行吗 2015-09-30 10:24:18
DIV内有两个IMG 标签,该DIV和里面的两个IMG都有响应onclick消息,现在问题是单击里面的IMG标签,外层DIV的onclick也被调用了。要怎么改 才能保证 单击里面的IMG标签不会执行外层DIV的onclick消息。
...全文
92 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
纯洁袜子 2015-09-30
  • 打赏
  • 举报
回复
引用 4 楼 ssmmzz1314 的回复:
[quote=引用 2 楼 slwsss 的回复:] 阻止冒泡http://lj830723.iteye.com/blog/1452280
function stopPropagation(e) { e = e || window.event; if (e.stopPropagation) { //W3C阻止冒泡方法 e.stopPropagation(); } else { e.cancelBubble = true; //IE阻止冒泡方法 } } function openchat(e,vId) { stopPropagation(e); } 刚试了下,还是不行。因为onclick是我要传一个ID进行。代码如上[/quote]既然函数的event不能用,那你就用 window的event嘛,你就不要把e传进去,里面的方法就会取window的event了。也就是你这方法还是只接受一个参数,就是你传的id:
function stopPropagation(e) {
    e = e || window.event;
    if (e.stopPropagation) { //W3C阻止冒泡方法  
        e.stopPropagation();
    } else {
        e.cancelBubble = true; //IE阻止冒泡方法  
    }
}  
function openchat(vId) {
    stopPropagation();
}
zpjshiwo77 2015-09-30
  • 打赏
  • 举报
回复
引用 3 楼 ssmmzz1314 的回复:
[quote=引用 1 楼 zpjshiwo77 的回复:] 写成这样的结构

<div onclick=""></div>
<div>
<img onclick="">
<img onclick="">
</div>
然后用css控制就行了
亲,写成这样 页面布局就改了。DIV内也不只是两个IMG的,还有很多其它标签。[/quote] 你只把这两个img标签独立出来就行了啊,用绝对定位放在div上面。我是这样想得,感觉应该可以。
  • 打赏
  • 举报
回复
引用 2 楼 slwsss 的回复:
阻止冒泡http://lj830723.iteye.com/blog/1452280
function stopPropagation(e) { e = e || window.event; if (e.stopPropagation) { //W3C阻止冒泡方法 e.stopPropagation(); } else { e.cancelBubble = true; //IE阻止冒泡方法 } } function openchat(e,vId) { stopPropagation(e); } 刚试了下,还是不行。因为onclick是我要传一个ID进行。代码如上
  • 打赏
  • 举报
回复
引用 1 楼 zpjshiwo77 的回复:
写成这样的结构

<div onclick=""></div>
<div>
<img onclick="">
<img onclick="">
</div>
然后用css控制就行了
亲,写成这样 页面布局就改了。DIV内也不只是两个IMG的,还有很多其它标签。
slwsss 2015-09-30
  • 打赏
  • 举报
回复
zpjshiwo77 2015-09-30
  • 打赏
  • 举报
回复
写成这样的结构

<div onclick=""></div>
<div>
<img onclick="">
<img onclick="">
</div>
然后用css控制就行了

61,124

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧