我有一个包含一些文本输入的div。我希望这些文本输入点击并接收基本的鼠标事件,但我想禁用包含div。有没有办法做到这一点? div比其他元素具有更高的z-index,它绝对定位,并且不允许我点击它下面的元素。谢谢!禁用Div覆盖点击,但允许儿童点击
回答
您不能单击低于(深度)另一个元素的元素。赋予可操作的输入元素比覆盖div更高的z-indexes(和abs/rel定位)。
伟大的,谢谢你的答案,只是想确认。我现在要选择的解决方案是摆脱包含div,并将绝对定位的文本字段附加到文档的正文。 – botbot 2012-07-28 20:15:21
'cannot'是一个很强的词,在较新的浏览器中,您可以使用CSS [指针事件](https://developer.mozilla.org/en/CSS/pointer-events/)来做到这一点。只是说。 – adeneo 2012-07-28 20:18:06
指针事件传统上用于SVG。尽管**一些**浏览器为html实现了它,但它们中的一些可能被认为是实验性的。还要注意,html的指针事件目前没有任何规范。他们被推迟到CSS4。我们可能从未看到标准的实现。 – 2012-07-29 07:41:32
- 1. CSS/JS - 禁用点击事件,但允许在DIV上滚动
- 2. 点击儿童菜单
- 3. Android儿童点击事件?
- 4. WPF TreeView使儿童节点可点击
- 5. div覆盖textarea捕捉鼠标点击
- 6. 图片DIV覆盖儿童DIV
- 7. 如何覆盖iframe并允许点击通过
- 8. popUpButton is setEnabled:YES,但不允许点击
- 9. UIWebView允许点击,但阻止滚动
- 10. 总是得到一个DIV,即使点击了儿童div
- 11. JQuery的点击儿童在家长点击了
- 12. 为儿童物品点击获取不正确的ID点击
- 13. 防止父母点击时点击儿童
- 14. 在父级上触发点击事件,但防止儿童点击事件
- 15. jquery切换div,允许点击div的外部关闭,也允许div内的所有内容可点击
- 16. 在点击后禁用div
- 17. 点击类的儿童在纯JavaScript
- 18. Android:在GridView中单独点击儿童
- 19. 点击事件排除儿童(backbone.js)
- 20. 点击儿童动态内容
- 21. 滚动失败,如果点击儿童
- 22. Android ImageView可点击覆盖
- 23. 只允许点击一次
- 24. 不允许被点击
- 25. 点击手柄禁止传播儿童在VUE 2
- 26. 允许单击div中的子元素与覆盖链接
- 27. 目标儿童元素,但不是被点击的元素
- 28. 如何禁用排序点击列标题,但允许点击jQuery数据表中的箭头?
- 29. 允许用户通过点击
- 30. 不允许用户点击选项卡
发布您的HTML,它更容易看到你想要做什么? – adeneo 2012-07-28 19:49:28
涉及太多的代码。我认为这个问题基本上是如果一个div A是一个高于div B的层,div B是否可以获得点击?我认为下面的@flem有正确的答案。我或多或少只是想确认B不能收到点击。谢谢。 – botbot 2012-07-28 20:17:45
有办法做这种事情,但是它们要么不是很好的被浏览器支持(指针事件),要么是复杂的(注册顶部元素点击,确定它们是否位于下部元素所在的特定区域内等等),所以在大多数情况下,只需要改变布局就行了。 – adeneo 2012-07-28 20:20:48