这个问题怎么解?_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:36:07
原创
1098人浏览过

DIV内有两个IMG 标签,该DIV和里面的两个IMG都有响应onclick消息,现在问题是单击里面的IMG标签,外层DIV的onclick也被调用了。要怎么改 才能保证 单击里面的IMG标签不会执行外层DIV的onclick消息。

AI建筑知识问答
AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

AI建筑知识问答 22
查看详情 AI建筑知识问答

回复讨论(解决方案)

写成这样的结构

<div onclick=""></div><div><img  onclick="" alt="这个问题怎么解?_html/css_WEB-ITnose" ><img  onclick="" alt="这个问题怎么解?_html/css_WEB-ITnose" ></div>
登录后复制

然后用css控制就行了

阻止冒泡 http://lj830723.iteye.com/blog/1452280

写成这样的结构

<div onclick=""></div><div><img  onclick="" alt="这个问题怎么解?_html/css_WEB-ITnose" ><img  onclick="" alt="这个问题怎么解?_html/css_WEB-ITnose" ></div>
登录后复制

然后用css控制就行了



亲,写成这样 页面布局就改了。DIV内也不只是两个IMG的,还有很多其它标签。

阻止冒泡 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进行。代码如上


写成这样的结构

<div onclick=""></div><div><img  onclick="" alt="这个问题怎么解?_html/css_WEB-ITnose" ><img  onclick="" alt="这个问题怎么解?_html/css_WEB-ITnose" ></div>
登录后复制

然后用css控制就行了



亲,写成这样 页面布局就改了。DIV内也不只是两个IMG的,还有很多其它标签。

你只把这两个img标签独立出来就行了啊,用绝对定位放在div上面。我是这样想得,感觉应该可以。


阻止冒泡 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进行。代码如上 既然函数的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();}
登录后复制
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号