小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我在video里写的view标签,但是设置了pointer-events:none,点击事件还是生效,无法穿透。
代码片段:https://developers.weixin.qq.com/s/AaHVb8mI7UOn
红色的标签设置了pointer-events:none,但是点击事件还是生效了,我想让红色的点击事件失效,然后穿透到黄色标签触发黄色的点击事件。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
没遇到过,你可以做个代码片段,包括你预期想要的效果,帮你看下
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你遇到的问题是,尽管在HTML的<video>标签内设置了pointer-events: none;,点击事件仍然生效。这可能是因为<video>元素默认具有点击事件,而CSS的pointer-events属性在某些情况下可能不会覆盖元素的默认行为。
<video>
pointer-events: none;
pointer-events
解决这个问题的一种方法是使用JavaScript来禁用<video>元素的默认点击事件。你可以通过在<video>元素上添加一个事件监听器,并调用event.preventDefault()来阻止默认的点击行为。
event.preventDefault()
以下是一个示例代码:
html 复制代码 <video id="myVideo" src="your_video_source.mp4"></video> <script> document.getElementById('myVideo').addEventListener('click', function(event) { event.preventDefault(); }); </script>
这段代码会找到ID为myVideo的<video>元素,并添加一个点击事件监听器。当用户点击这个视频时,事件监听器会调用event.preventDefault()方法,阻止默认的点击行为。
myVideo
有没有大哥遇到过啊
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
没遇到过,你可以做个代码片段,包括你预期想要的效果,帮你看下
不知道你是什么场景,想办法用其他方式实现点击事件把
你遇到的问题是,尽管在HTML的
<video>
标签内设置了pointer-events: none;
,点击事件仍然生效。这可能是因为<video>
元素默认具有点击事件,而CSS的pointer-events
属性在某些情况下可能不会覆盖元素的默认行为。解决这个问题的一种方法是使用JavaScript来禁用
<video>
元素的默认点击事件。你可以通过在<video>
元素上添加一个事件监听器,并调用event.preventDefault()
来阻止默认的点击行为。以下是一个示例代码:
html 复制代码 <video id="myVideo" src="your_video_source.mp4"></video> <script> document.getElementById('myVideo').addEventListener('click', function(event) { event.preventDefault(); }); </script>
这段代码会找到ID为
myVideo
的<video>
元素,并添加一个点击事件监听器。当用户点击这个视频时,事件监听器会调用event.preventDefault()
方法,阻止默认的点击行为。有没有大哥遇到过啊