1. 程式人生 > >ios 點擊失效

ios 點擊失效

prevent ren 默認 parent 點擊 bsp click事件 不可點擊 並且

ios 環境下,添加click事件時,如果 (1)事件是委托到 documentbody 上,並且(2)委托的元素是默認不可點擊的(如 div, span 等), click 事件會失效。

方案:

click 事件直接綁定到目標元素(即 .target ) 上

將目標元素換成 <a> 或者 <button> 等可點擊的元素

給目標元素添加一個空的 onclick=""(<div class="target" onclick="">點擊我!</div>)

click 改成 touchend

touchstart(註意加上preventDefault)

click 元素委托到非 documentbody 的父級元素上

( 推薦 ) 給目標元素加一條樣式規則 cursor: pointer; (cursor: pointer; -webkit-tap-highlight-color: transparent;)

ios 點擊失效