javascript - 如何阻止 HTML <div> 中的点击和 Javascript

标签 javascript html css

我有这个包含或不包含嵌入内容的 HTML div,我想阻止右键和左键单击。 因此,如果用户单击或右键单击,则不会发生任何事情。

你能用 HTML/CSS/Java Script 做到这一点吗?

基本上这是一个关于违反规则的问题,假设你在 html 的 div 中嵌入了一个 youtube 视频,你如何阻止用户点击,这样如果他点击视频,他就不会转到 youtube.com .

*注意,我不只对 youtube 感兴趣,我只是想要一种方法来阻止点击和右键点击 div。

所以采取一个非常简单的场景:

在基本的 HTML 页面中,有一个具有绝对位置和大小的 div,如果用户单击该 div 中的链接我希望它不起作用,但如果他单击页面上其他任何地方的链接我希望它起作用工作。

最佳答案

另一种忽略点击的方法是使用 css 'pointer-events'。

例如:

div.style.pointerEvents = 'none'

<div id="content" style="pointer-events:none;">

关于javascript - 如何阻止 HTML <div> 中的点击和 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13543085/

相关文章:

javascript - Chrome : Uncaught SyntaxError

javascript - 定制 QR 扫描仪和阅读器

html - Firefox 中的 Flexbox : Items are not lined up properly

html - 居中位置 : absolute div in relative container in desktop and mobile

javascript - 如何在我的 AngularJS 中获取此 D3.js HTML 元素以便我可以对其进行操作?

javascript - CSS:在 100vh 的容器中动态调整字体大小

html - 图像高度与宽度相同

javascript - 如何在 ElectronJS 中打印 DIV

javascript - 如何使jsp表格行可点击来调用javascript函数

css - 将省略号添加到一组跨度中的第一个