转关于on点击事件在ios中失效的问题

Posted 2020-07-21

这个是关于使用

 $(document).on(‘click‘,selector,function)

 在移动端ios中使用on点击事件无效的解决办法

   1.将selector元素增加样式cursor:pointer

<style>
   .a{
   width:100px;
  height:100px;
 background:red;
}
.b{
  width:10px;
 height:10px;
cursor:pointer
}
</style>

<div class="a">
     <div class="b"></div>
</div>
<script>
   $(document).on(‘click‘,‘.b‘,function(){console.log(‘22222‘)})
</script>

　　

   2.将click换成touchstart（在移动端基本都用吧）

1 <script>
2    $(document).on("touchstart",function(){console.log(‘22222‘)})
3 </script>

 

  3.将document换成selector元素的父级元素

<script>
   $(".a").on(‘click‘,".b",function(){console.log(‘22222‘)})
</script>

4.番外篇

   

<script>
   $(selector).click(function(){console.log(‘1111‘)})
</script>

如果还有其他办法，请各位补充