用phonegap开发android应用,给div加上来滚动的效果:
$("#" + id).bind('touchstart', function(event){
scrollStartPos = this.scrollTop+event.touches[0].pageY;
event.preventDefault();
});
$("#" + id).bind('touchmove', function(event){
this.scrollTop=scrollStartPos-event.touches[0].pageY;
event.preventDefault();
});
这样确实实现了滑动的效果,但是给div里面绑定的click事件不再触发了。
解决办法:
$("#" + id).bind('touchstart click', function(event){
scrollStartPos = this.scrollTop+event.touches[0].pageY;
e.stopPropagation();
event.preventDefault();
});
$("#" + id).bind('touchmove', function(event){
this.scrollTop=scrollStartPos-event.touches[0].pageY;
event.preventDefault();
});
这样即实现滚动效果,又保留了click事件。
分享到:
相关推荐
JS中touchstart事件与click事件冲突的解决方法.docx
下面这篇文章主要介绍了关于JS中touchstart事件与click事件冲突解决的相关内容,下面话不多说了,来一起看看详细的介绍吧。 一 · 业务场景的描述 在对已完成的PC站点进行移动端适配时,我们想要站点在移动设备上有...
主要介绍了解决vue的touchStart事件及click事件冲突问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
SVG排版公众号文章『灵活控制click事件与touchstart事件执行动画』
在vue开发手机端项目时,我们经常会遇到touch和click共存的情况,比如...补充知识:touchstart与click同时触发 产生冲突的原因 我们可以给某个元素同时绑定 touchstart 和 click 事件,但这将会导致本篇文章解决的问题
在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click、v-bind:click、@click.native都不行,试了一下@touchstart是却是可以的,发现better-scroll的配置中没有设置click:true,设置过之后...
在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click、v-bind:click、@click.native都不行,试了一下@touchstart是却是可以的,发现better-scroll的配置中没有设置click:true,设置过...
今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向开发人员传达一些信息新添加的事件。因为iOs设备既没有鼠标也...
本文实例讲述了jQuery基于$.ajax设置移动端click...click事件在移动设备上虽然会识别但却是最后一个执行的,所以如果不把click事件换成touchstart事件的话,就可能造成延时导致交互上也慢了几拍 所以在移动端最好把c
由于微信小程序只能够支持 tap,longtap,touchstart,touchmove,touchcancel,touchend时间,对于比较复杂的事件只能自己实现 因此自己对 alloyFinger库进行了改造,开发了时候微信小程序手势事件库WxTouchEvent,使用 ...
规范 这里我们介绍几种普及得比较好的触摸事件,你可以在绝大多数现代浏览器中来测试这一事件(必须是触屏设备哦): touchstart:触摸开始的时候触发 touchmove:手指在屏幕上滑动的时候触发 touchend
本文主要介绍HTML5实战与剖析之触摸事件,介绍的比较详细,需要的朋友可以参考下。
js的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend。这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标。 touchstart在触摸开始时触发事件 touchend在触摸结束时触发事件 touchmove这个...
微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend。 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标。 touchstart在触摸开始时触发事件; touchend在触摸结束时触发事件; ...
js触屏事件,用于支持手机上的touchstart,touchmove,touchend
而使用touchstart或者touchend事件,会和默认的滚轮事件发生冲突,这也不是我们所期望的。 所以,自己动手,丰衣足食,写了一个快速点击事件的原生js代码(考虑到web app开发的环境,我们暂时无需考虑对IE等浏览器的
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指...
Passive Event Listeners - 被动事件监听器在写webapp页面的时候,Chrome 提醒 [Violat