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

释放双眼,带上耳机,听听看~!

这个是关于使用

 $(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>

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

人已赞赏
编程

Flexbox叫弹性盒模型,它的使用场景主要是屏幕自适应布局和取代浮动布局。

2019-3-31 19:59:43

编程

有助于理解前端工具的 node 知识

2019-6-9 16:23:27

个人中心
今日签到
有新私信 私信列表
有新消息 消息中心
搜索