iPhone Safari游戲中的奇怪點擊事件泡泡，它在冒泡到document.body之前停止
[英]Strange Click Event Bubble on iPhone safari that it stop before bubbling to document.body
問題描述
我將click事件綁定為document.body.onclick = function（）{alert（“aaa”）};
無論我點擊什么元素，它都可以在IOS上的android或chrome上做得很好。 但是在點擊除a和img元素之外的元素時，它不會觸發iPhone Safari。
但它可以在綁定touchstart事件時冒泡到正文。
最后，我必須添加到div（#main）以包含我的所有元素，然后綁定此div上的委托對象。
document.querySelector（“＃main”）。onclick = function（）{alert（“aaa”）}
所以我徘徊為什么onclick事件在它冒泡到身體之前就停止了。
1 個解決方案
解決方案1
8
我知道這已經很老了，但是當我遇到同樣的問題時，我仍然設法把它挖出來。
簡而言之，除非iOS Safari認為事件目標是可點擊元素，否則iOS Safari中的鼠標事件不會冒泡到document.body 。
可點擊元素是以下之一：
事件的目標元素是鏈接或表單字段。
目標元素或其任何祖先（ 但不包括
<body>）具有為任何鼠標事件設置的顯式事件處理程序。 此事件處理程序可能是一個空函數。目標元素或其任何祖先（包括文檔）都有一個游標：指針CSS聲明。
（引自這里 ，強調我的。）
可能的修復包括：
- 添加
cursor: pointer任何不符合描述的元素的cursor: pointer。 - 向目標添加no-op事件處理程序。
- 處理
document.body一級的點擊。
單擊內部元素時如何停止外部div事件的觸發器？ 並且所有事件都綁定到$（document.body）
[英]how can I stop the trigger of the outer div event when I click the inner element? And all the events are bound to $(document.body)
點擊事件並不總是傳播到移動設備上的document.body
[英]Click-event does not always propagate to document.body on mobile devices
單擊附加到 document.body 的事件偵聽器不會在 iOS6 中觸發？
[英]click event listeners attached to document.body dont fire in iOS6?
在document.body上使用scrollLeft進行水平滾動，無法在Firefox / Safari中使用
[英]Horizontal scroll using scrollLeft on document.body not working in Firefox/Safari
文檔事件冒泡在Firefox上有效，但在Safari或Chrome上無效
[英]Document event bubbling works on Firefox but not Safari or Chrome
event.preventDefault不適用於Chrome中的“ document” /“ document.body”元素
[英]event.preventDefault is not working for “document” / “document.body” elements in Chrome
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
奇怪的document.body上的onload事件
如何將事件冒泡到文檔而不是文檔。
在document.body上的Click事件無法在IE8上正常運行
單擊內部元素時如何停止外部div事件的觸發器？ 並且所有事件都綁定到$（document.body）
點擊事件並不總是傳播到移動設備上的document.body
單擊附加到 document.body 的事件偵聽器不會在 iOS6 中觸發？
在document.body上使用scrollLeft進行水平滾動，無法在Firefox / Safari中使用
點擊事件和事件傳播冒泡的奇怪行為
文檔事件冒泡在Firefox上有效，但在Safari或Chrome上無效
event.preventDefault不適用於Chrome中的“ document” /“ document.body”元素
相關標簽