一开始做前端页面的时候,接触的也是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再传递