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

ios 點選失效

  ios 環境下,新增click事件時,如果 (1)事件是委託到 document 或 body 上,並且(2)委託的元素是預設不可點選的(如 div, span 等), click 事件會失效。

方案:

 

  將 click 事件直接繫結到目標元素(即 .target ) 上

 

 

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

 

 

  給目標元素新增一個空的 onclick=""(<div class="target" onclick="">點選我!</div>)

 

 

  把 click 改成 touchend 或 touchstart(注意加上preventDefault)

 

 

  將 click 元素委託到非 document 或 body 的父級元素上

 

  ( 推薦 )

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