我有一個包含一些文本輸入的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. 允許點擊但禁用鏈接
- 2. 點擊兒童Android
- 3. 透明覆蓋div允許在IE中點擊槽7,8
- 4. CSS/JS - 禁用點擊事件,但允許在DIV上滾動
- 5. 讓點擊兒童的div可見
- 6. 點擊覆蓋
- 7. 的Android SimpleCursorTreeAdapter兒童點擊
- 8. Android兒童點擊事件?
- 9. 點擊兒童菜單
- 10. 如何禁用折線點擊覆蓋?
- 11. 使用jquery覆蓋div不可點擊
- 12. WPF TreeView使兒童節點可點擊
- 13. div覆蓋textarea捕捉鼠標點擊
- 14. 圖片DIV覆蓋兒童DIV
- 15. 如何禁用點擊,但保持覆蓋效果
- 16. 如何覆蓋iframe並允許點擊通過
- 17. UIWebView允許點擊,但阻止滾動
- 18. 預防touchStart,但允許點擊事件
- 19. popUpButton is setEnabled:YES,但不允許點擊
- 20. 點擊啓用/禁用div
- 21. 總是得到一個DIV,即使點擊了兒童div
- 22. JQuery的點擊兒童在家長點擊了
- 23. 防止父母點擊時點擊兒童
- 24. 兒童元素點擊事件觸發父點擊事件
- 25. 爲兒童物品點擊獲取不正確的ID點擊
- 26. jQuery禁用父級觸發器,當點擊兒童
- 27. 在父級上觸發點擊事件,但防止兒童點擊事件
- 28. jquery切換div,允許點擊div的外部關閉,也允許div內的所有內容可點擊
- 29. 在點擊後禁用div
- 30. jquery按鈕點擊以對特定的div兒童起作用
發佈您的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