今天看啥
热点:

js的touch事件的实际引用,jstouch事件


一开始做前端页面的时候,接触的也是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节点坐标

好吧,我其实也刚开始学,反正先把一些百度来的属性记下来再说。


onclick事件引用js中的函数前面为何有时要加return?什时不加?为何前台js执行了后台还继续执行?

加return的事件一般是对系统预定义事件的拦截 相对于onclick自定义事件一般是不需要加return的 去掉也可 但对于比如onsubmit之类的拦截事件 必须要加return事件 因为要消耗掉系统本身调用 并且 return的返回值必须与系统预定义返回值同类型 比如 return false return 0 等等...
 

js怎屏蔽触屏的点击事件 当运行到该页面时 ,该页面的触屏点击事件都屏蔽掉

1. 重写touchstart touchmove等事件,让这些事件什么也不做
例如: document.ontouchstart = funciton(){ return false;};
2. 取消事件冒泡的行为

3 把你的触屏事件删除掉
 

www.bkjia.comtruehttp://www.bkjia.com/Javascript/893431.htmlTechArticlejs的touch事件的实际引用,jstouch事件 一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今。...

相关文章

相关搜索: touch

帮客评论

视觉看点