当前位置: 首页 > 编程笔记 >

js的touch事件的实际引用

郁隐水
2023-03-14
本文向大家介绍js的touch事件的实际引用,包括了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的Touch事件,包括了浅谈javascript的Touch事件的使用技巧和注意事项,需要的朋友参考一下 js的touch事件,一般用于移动端的触屏滑动 touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发。 touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventDefault()可阻止滚动。

  • 本文向大家介绍js事件代理在捕获阶段的实际应用?相关面试题,主要包含被问及js事件代理在捕获阶段的实际应用?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 可以在父元素层面阻止事件向子元素传播,也可代替子元素执行某些操作。

  • 本文向大家介绍iOS UIView的Touch事件注意点相关面试题,主要包含被问及iOS UIView的Touch事件注意点时的应答技巧和注意事项,需要的朋友参考一下 如果父控件不能接收触摸事件,那么子控件就不可能接收到触摸事件(掌握) UIView不接收触摸事件的三种情况: 不接收用户交互 : userInteractionEnabled = NO 隐藏 : hidden = YES 透明 :

  • 事件分类 对于 iOS 设备用户来说,他们操作设备的方式主要有三种:触摸屏幕、晃动设备、通过遥控设施控制设备。对应的事件类型有以下三种: 触屏事件(Touch Event) 运动事件(Motion Event) 远端控制事件(Remote-Control Event) 响应者链 当发生事件响应时,必须知道由谁来响应事件。在 iOS 中,由响应者链来对事件进行响应。 所有事件响应的类都是 UIRes

  • 本文向大家介绍iOS UIView的Touch事件有哪几种触摸事件?相关面试题,主要包含被问及iOS UIView的Touch事件有哪几种触摸事件?时的应答技巧和注意事项,需要的朋友参考一下 处理事件的方法 UIView是UIResponder的子类,可以覆盖下列4个方法处理不同的触摸事件  

  • 本文向大家介绍Android Touch事件传递机制相关面试题,主要包含被问及Android Touch事件传递机制时的应答技巧和注意事项,需要的朋友参考一下 在我们点击屏幕时,会有下列事件发生: Activity调用dispathTouchEvent()方法,把事件传递给Window; Window再将事件交给DecorView(DecorView是View的根布局); DecorView再传递