博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
touch事件应用
阅读量:5267 次
发布时间:2019-06-14

本文共 721 字,大约阅读时间需要 2 分钟。

js的touch事件,一般用于移动端的触屏滑动:

$(function(){
  document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1);
}
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节点坐标

 

简单应用案例:

1  2         123 3         41     

 

转载于:https://www.cnblogs.com/LChenglong/p/6740084.html

你可能感兴趣的文章
Spring4
查看>>
C# Winform 跨线程更新UI控件常用方法汇总
查看>>
如何单独编译Android源代码中的模块
查看>>
jsp中EL表达式不起作用的问题
查看>>
String or binary data would be truncated. The statement has been terminated.
查看>>
2014(4)软件工程,系统运行与维护,逆向工程,软件重构,设计恢复,重构工程...
查看>>
HashMap负载因子为什么是0.75
查看>>
js 小数相加
查看>>
Memcached+memcache
查看>>
Shell 编程
查看>>
wsgi
查看>>
课后 作业1
查看>>
关于C#学习的汇总——写在前面
查看>>
关于js(一)------------表达式&& ||
查看>>
django -- 对行的更新只有在save调用后才会入库
查看>>
JS 解析服务端返回的json数组
查看>>
MYSQL
查看>>
函数式编程语言LISP,python,haskell,clojure
查看>>
你连阶级固化的原因都搞不清,又凭什么不被固化在底层?
查看>>
Fitnesse安装
查看>>