请问pointer-events: none有什么作用?
网友回复
pointer-events: none; 指示该元素不是鼠标事件的目标,值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。说白了,就是让目标标签不接受鼠标事件(含click,mousemove,mouseup之类的)。我们来举个例子:
<style>
    .parent {
        width: 400px;
        height: 400px;
        padding: 50px;
        margin: 100px;
        background: #f20;
    }
    .child {
        width: 200px;
        height: 200px;
        padding: 50px;
        background: #ff0;
    }
    .child-child {
        width: 50px;
        height: 50px;
        background: #00d;
    }
</style>
<div class="parent" id="parent">
    <div class="child">
        <div class="child-child">
        </div>
    </div>
</div>
<script>
    let  parent = document.getElementById("parent");
    parent.addEventListener("click", function(event) {
        console.info(event.offsetX);
    });
</script>
可以看到,我们事件是添加在 parent上的。但是点击鼠标到b或c上的时候相对的坐标变成了b...
点击查看剩余70%
- threejs如何做个三维搭积木的游戏?
- three如何实现标记多个起始路过地点位置后选择旅行工具(飞机汽车高铁等),最后三维模拟行驶动画导出mp4?
- ai实时驱动的3d数字人可视频聊天的开源技术有吗
- swoole+phpfpm如何实现不同域名指向不同目录的多租户模式?
- 如何用go替换nginx实现请求phpfpm解析运行php脚本?
- 有没有浏览器离线运行进行各种文档、图片、视频格式转换的开源工具?
- 如何使用go语言搭建一个web防火墙?
- linux如何检测特定网络协议比如http协议中报文是否包含特点关键词并阻止返回给客户?
- 如果在nginx外过滤包含某些关键词的网页并阻止打开?
- 程序员怎么做副业赚钱?



 
				 
			 
			 
				 
			