【ionic+angularjs】iphone手机点击穿透问题的解决

在用ionic+angularjs开发页面时,出现点击穿透的现象,先来描述下我的现象:
开发页面A的头部是input的框(搜索框),页面B的头部是文本描述,左边有返回按钮,在页面A中点击某元素可以跳转到页面B,然后点击页面B的返回按钮可以返回到页面A。想象来了,点击页面B的返回按钮,在返回到页面A之后,居然头部的搜素框设置焦点并弹出的输入法键盘,然而我并没有点击呢,why?有点懵圈。

有问题就得分析解决问题:
1、考虑过事件阻止以及冒泡
2、考虑过div层的事件点击问题
然并卵!继续百度吧,发现“点击穿透”的概念,发现一个好博文,让人豁然开朗!链接如下:
http://blog.csdn.net/alex8046/article/details/52299785

按照博文中的解决方法,采用延时的方式,元素绑定on-tap事件,采用$timeout解决问题(PC上未测试)。

后又发现比较好的解决方法:

在点击元素上设置属性:data-tap-disabled="true",事件继续绑定ng-click,不使用$timeout,完美解决。


以上,请大家纠正与讨论,谢谢!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值