62库

您现在的位置是:首页 > 前端开发 > JavaScript > 正文

JavaScript

touchjquery的简单介绍

Admin2023-11-11JavaScript45

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

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

如:

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 水平滑动屏幕时触发事件,具体的可以查看一下这个:

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~