白捷建站网

主页
分享互联网资讯
白捷建站网-拥有专业的设计模板,响应式设计,设计方案

javascript练习案例(javascript案例教程)

更新时间:2024-11-13 06:10:20点击:

javascript练习案例(javascript案例教程)

本篇文章给大家谈谈j*ascript练习案例,以及j*ascript案例教程对应的知识点,希望对各位有所帮助,不要忘了收***本站喔。 今天给各位分享j*ascript练习案例的知识,其中也会对j*ascript案例教程进行解释,如果能碰巧解决***现在面临的问题,别忘了关注本站,现在开始吧!

  1. js如何实现滑动**?

1、js如何实现滑动**?

js的左右上下滑动触屏**,主要有三个**:touchstart,touchmove,touchend。这三个**最重要的属性是 p*eX和 p*eY,表示X,Y坐标。 touchstart在触摸开始时触发** touchend在触摸结束时触发** touchmove这个**比较奇怪,按***理在触摸到过程中不断激发这个**才对,但是在部分设备中,在 touchstart 激发后激发一次,然后剩余的都和 touchend 差不多同时激发。 这三个**都都有一个 timeStamp 的属性,查看 timeStamp 属性,可以看到顺序是 touchstart -> touchmove ->touchmove -> … -> touchmove ->touchend。 下面是一段***码实例: document.getElement*yT*Name('body')[0].addEventListener('touchstart', function (e) { nStartY = e.targetTouches[0].p*eY; nStartX = e.targetTouches[0].p*eX; });document.getElement*yT*Name('body')[0].addEventListener('touchend', function (e) { nChangY = e.changedTouches[0].p*eY; nChangX = e.changedTouches[0].p*eX;PS:

1.touch**跟click**是不会被同时触发的。现在的移动设备做的比较好,已经把这个问题完美的避免掉了。

2.注意触摸的开始和结束位置的位移大小。如果位移小过小应该不做任何动作。

到此,以上就是小编对于j*ascript练习案例的问题就介绍到这了,希望介绍关于j*ascript练习案例的1点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484#qq.com,#换成@即可,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.zzbaijie.cn/junshixinwen/43181.html

推荐文章