javascript - 禁用 iframe 上的触摸但保持点击能力

标签 javascript jquery html css iframe

我有一个 iframe,它阻塞了下面的层,并且不允许它在手机和平​​板设备中通过触摸滚动。有什么方法可以使用它的类名或持有它的 div 的类名仅在 iframe 上禁用触摸吗?

最佳答案

使用 CSS pointer-events 禁用元素上的任何触摸事件:

iframe {
  pointer-events: none;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

JSFiddle 示例:

http://jsfiddle.net/eyync6mp/2/

关于javascript - 禁用 iframe 上的触摸但保持点击能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25354856/

相关文章:

javascript - 想要用 ngif 在 div 中加载 img,当 ngif==false

javascript - 创建一个类似 jQuery 的对象

javascript - 动态调整水平 <li> 元素的大小以保持在一行中

html - 带有 svg-icon 的剪辑彩虹动画

javascript - 获取 querySelector 所有的多个条件

javascript - 如何在 Angular 中掌握这个条件 promise ?

jquery - 拆分字符串并在单词之间添加连字符

javascript - 在未实现 HTMLElement 接口(interface)的对象上调用“click”

javascript - jquery 移动设备方向更改不调整文本区域的大小

html - 为什么悬停输入会在 CSS 中的相应标签上触发?