點擊事件並不總是傳播到移動設備上的document.body

Question

在移動設備上，當您點擊一個元素時，會觸發一個點擊事件。 但是，它並不總是到達document.body 。

<body>
    <div class="with-click"></div>
</body>

document.querySelector('.with-click').addEventListener('click', (e) => ...);

document.body.addEventListener('click', (e) => ...);

演示

現在，當您在div外部單擊時， body上沒有任何反應，但是當您在div內單擊時，主體接收到click事件。 例如，如果您從該div（ DEMO ）中刪除點擊偵聽器，則不再收到點擊。

這是正常行為嗎？ 可以解決嗎？

Answer 1

更改document.body.addEventListener只是document.addEventListener("click", ...)

我已驗證使用此Fiddle解決了iOS上的問題。

點擊事件並不總是傳播到移動設備上的document.body

問題描述

1 個解決方案

解決方案1
1 2017-08-09 16:01:39

點擊事件並不總是傳播到移動設備上的document.body

問題描述

1 個解決方案

解決方案1 1 2017-08-09 16:01:39

解決方案1
1 2017-08-09 16:01:39