手机浏览器中使用IScroll使click及a跳转事件无效
2017-08-18 14:24
477 查看
最近在页面中用iscroll.js,但是但是有跳转,用a标签的href进行跳转发现没有用,之后转换成用点击事件,发现依然不起作用,经过查询发现是禁止了浏览器的默认事件。 有的方法说如果用button或input代替a,都能响应click事件。 如果设置click为true,原来不能点击的手机能点击了,但是原来能点击的手机变成了双击,也就是将手机本身的click和iscroll的click各执行了一次。 所以最佳的解决办法是: 1.加上click: true,和taps:true两句代码。
myScroll = new IScroll("#wrapper", { scrollbars: true, mouseWheel: false, interactiveScrollbars: true, shrinkScrollbars: 'scale', fadeScrollbars: true, scrollY: true, probeType: 2, bindToWrapper: true, click: true, taps:true });
2.加上preventDefault: false代码
myScroll = new IScroll("#wrapper", { preventDefault: false });
注:用input的checked事件中加上方法1的代码没有什么作用,加上方法2的代码就可以实现了。
相关文章推荐
- 手机浏览器中使用IScroll使click及a跳转事件无效
- 手机浏览器下better-scroll中click事件,链接无效的问题
- (zepto插件使用)click、tap无效又能实现点击事件小窍门
- iOS 浏览器safari中使用JQuery click事件无效解决方法
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题
- 问题:使用ajax跳转到新页面无效(浏览器Safari)
- 手机html页面对checkbox控件需要使用click事件,而不是tap
- iscroll使用情况下click事件失效的问题
- 判断是否为移动浏览器;判断是否支持滑动事件;通过手势来改变图片大小;使用手机GPS定位用户所在的城市;利用浏览器的cookie保存用户名;
- 在vue中无论使用router-link 还是 @click事件,发现都没法从列表页点击跳转到内容页去
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题(转)
- Iscroll.js使用之后页面上面A标签的onclick事件无效了
- iscroll.js 触屏手机web-kit浏览器滚动效果代码库
- android studio使用ButterKnife 8.0.1报空指针错误以及点击事件无效的解决方法
- 手机浏览器跳转微信,wap跳转微信浏览器打开网页代码
- 手机浏览器访问PC网站,跳转到wap手机版网站
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。
- 移动设备、手机浏览器Javascript滑动事件代码
- 开发WAP站点之---使用PC电脑浏览器访问WAP手机站点 (转)
- 两款JS脚本判断手机浏览器类型跳转WAP手机网站