码迷,mamicode.com
首页 > 移动开发 > 详细

ios 点击失效

时间:2018-12-19 18:37:47      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:body   span   pointer   def   point   注意   col   tar   onclick   

  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;)

ios 点击失效

标签:body   span   pointer   def   point   注意   col   tar   onclick   

原文地址:https://www.cnblogs.com/_error/p/10145029.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!