您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

js的touch事件的实际引用

2025/12/23 11:29:18发布21次查看
研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐,而js只需几步简单定义即可,下面与大家分享下js的touch事件的实际引用。
一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今。
而js,则被我主观的认为底层技术而抛弃。
直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐(当然也可能是我对jquery的理解不够),而js只需几步简单定义即可。
由于对js的了解比较少,最简单的应用我都试了很久……下面就分享下js的touch事件的实际引用:
$(function(){document.addeventlistener("touchmove", _touch, false);})function _touch(event){alert(1);}
以上代码不可避免的使用了jquery的某些东西,不使用jquery的可以忽略之。
相应的事件有:
touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发。
touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventdefault()可阻止滚动。
touchend:当手指从屏幕上移开时触发。
touchcancel:当系统停止跟踪触摸时触发。关于此事件的确切触发事件,文档中没有明确说明。
以上事件的event对象上面都存在如下属性:
touches:表示当前跟踪的触摸操作的touch对象的数组。
targettouches:特定于事件目标的touch对象的数组。
changetouches:表示自上次触摸以来发生了什么改变的touch对象的数组。
每个touch对象包含下列属性:
clientx:触摸目标在视口中的x坐标。
clienty:触摸目标在视口中的y坐标。
identifier:表示触摸的唯一id。
pagex:触摸目标在页面中的x坐标。
pagey:触摸目标在页面中的y坐标。
screenx:触摸目标在屏幕中的x坐标。
screeny:触摸目标在屏幕中的y坐标。
target:触摸的dom节点坐标
以上就是本章的全部内容,更多相关教程请访问javascript视频教程!
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product