touchjquery的简单介绍

把引用zepto.js的代码改成引用jquery之后,touch事件就执行不了了,为什么?

因为jQuery里没有touch这个方法啊==!touch是原生JS的方法,需要在jQuery里声明才行, 所以无法bind,但是可以通过原生的方式来写

创新互联专业为企业提供招远网站建设、招远做网站、招远网站设计、招远网站制作等企业网站建设、网页设计与制作、招远企业网站模板建站服务,10多年招远做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

如:

var a=document.getElementById("a");

a.addEventListener("touchstart",function(e){

if(e.targetTouches.length==1  !self.busy){

self.point_x = e.targetTouches[0].screenX;

self.point_y = e.targetTouches[0].screenY;

}

},false);

相比之下我倒更喜欢原生写touch这些,因为jQuery的执行效率太低了。zepto.js比jQuery效率更低,dom查询速度不如jQuery的1/10. 移动端目前性能最好的是jqmobi.js

jquery2.1.3有touch方法吗

应该没有就连jquery-ui 都不支持touch,要想有touch event支持mobile devices需要jquery 和 jquery-ui-touch-punch()

或许你也会用到jquery-mobile

希望能帮到你

jquery的touch函数怎么用

$("#div1").bind("tap",function(){

/*触控事件*/

。。。。。

});

touch事件常用的有几种:tap 点击触发事件;taphold 点屏幕并持续1秒后触发事件;swipe 水平滑动屏幕时触发事件,具体的可以查看一下这个:

网站标题:touchjquery的简单介绍
分享URL:https://www.cdcxhl.com/article14/dsdsjge.html

成都网站建设公司_创新互联,为您提供网站导航小程序开发移动网站建设App设计网站收录微信公众号

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站建设网站维护公司