JS中的触摸事件1
需积分: 0 53 浏览量
2022-08-08
18:36:52
上传
评论
收藏 24KB DOCX 举报
JS 中的触摸事件
触摸事件与鼠标事件相比有两个不同点：
1)鼠标光标只有一个，而触摸点可能有很多；
2)鼠标光标可以悬停，而触摸点则不行。
1 给元素赋值触摸事件
事件类型
是否可
以取消
是否走完整
个冒泡式出
发过程
描述
浏览器对该事件的默认处理方式
touchstart
是
是
用户将某个触摸点置于触摸界
面之上
未定义
touchmove
是
是
用户在触摸界面上移动触摸点
未定义
touchend
是
是
触摸点离开了触摸区域
根据具体情况而定，可以将其视为：
mousemove、mousedown、mouseup、
click
touchcancel
是
是
触摸点的触摸动作被打断，或
是触摸点个数超出了设备所能
处理的范围
未定义
� 方法一：
element.ontouchstart = function(e) {
}
� 方法二：
element.addEventListener("touchstart", function(e){
})
2 TouchEvent 对象
浏览器传递给触摸事件监听器的事件对象之中包含各种属性，见下表。
大部分情况下，只使用 touches 和 changedTouches 属性就够了。这两个属性值得类型都
是 TouchList，该类型是一个由 Touch 对象组成的列表。
属性名
属性值得数
据类型
描述
touches
TouchList
由于界面上触摸的各个触摸点所组成的列表
评论0