javascript - 重叠的div,上层只遮挡下层颜色,不遮挡下层监听器,这样现实吗?
PHPz
PHPz 2017-04-11 13:00:14
[JavaScript讨论组]


    

因为“显示”和“交互”的区域不完全一致,所以有了这个小白问题

请问能够做到这种效果吗?

PHPz
PHPz

学习是最好的投资!

全部回复(6)
迷茫

一个简单的css属性,在遮挡层设置:

pointer-events: none;

关于兼容性:

IE 10+ 可放心使用,IE 10- 请尽情抛弃

ringa_lee

把下层提升为上层,并设置背景为透明?

天蓬老师

其实这个问题不就是上层和下层都有点击事件么。。直接把上下层放到一个父元素加事件就可以吧

迷茫

把上层和下层都放在一个大p里面,而点击事件绑定在这大p就好了

PHP中文网

不太现实。因为DOM没有事件点穿的现象。
但是,根据你的业务需求或者想要实现的效果肯定可以找到别的解决办法和实现方式。
比如说,可以采用事件委托,委托给父元素,你可以试一下能不能达到你的效果。

天蓬老师

上层绑定一个事件就可以了,假如下层的id是next;
上层点击的回调函数里写上

    document.getElementById("next").click();
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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