18910140161

JavaScript-防止Safari中的视频控件触发单击事件-堆栈溢出

顺晟科技

2022-10-18 12:09:27

121

从CodePen(https://codepen.io/mrkoga/pen/pomgezw)中

可以看出,在Safari中,视频控件触发视频元素上的单击事件。在Chrome中,它们不会。

HTML

<video id="videoClick" controls width="250">
    <source src="https://example.com/media/moviewebm " type="video/webm">
    <source src="https://example.com/media/movie.mp4 " type="video/mp4">
    Sorry, your browser doesn't support embedded videos.
</video>

JS

document.getElementById("videoClick")
  .addEventListener("click", () => console.log("video clicked"))
如何在Safari中

防止这种行为?谢谢!


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航