ios點擊事件失效

標籤：樣式   work   click   pointer   phone   綁定   冒泡   bsp   解決辦法   

當使用委託給一個元素添加click事件時，如果事件是委託到 document 或 body 上，並且委託的元素是預設不可點擊的（如 div, span 等），此時 click 事件會失效。

解決辦法有 4 種可供選擇：

?1、將 click 事件直接綁定到目標?元素（??即 .target）上
2、將目標?元素換成a或者 button 等可點擊的?元素
?3、將 click 事件委託到?????非 document 或 body 的??父級元素上
?4、給?目標元素加一條樣式規則 cursor: pointer;
?推薦後兩種。從解決辦法來看，?推測在 safari 中，不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer 使得元素變成了可點擊的了。

 

原因是：Safari不希望不可點擊的元素可點擊。

這裡有詳細的回答 HTML label command doesn’t work in Iphone browser

ios點擊事件失效