网站建设资讯

NEWS

网站建设资讯

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:http://cdweb.net/article/dsdsjge.html