Javascript实用代码收集

最新推荐文章于 2021-10-13 09:31:37 发布

转载最新推荐文章于 2021-10-13 09:31:37 发布 · 554 阅读

文章标签：

#Javascript

HTML5 专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了移动端触控事件（touchstart, touchmove, touchend, touchcancel），并详细介绍了如何获取触摸点坐标（clientX, clientY, pageX, pageY, screenX, screenY）以及如何获取浏览器窗口的宽高（window.innerWidth, window.innerHeight）。同时提供了如何为不同HTML元素添加事件监听的方法。

更多博文：http://blog.ilibing.com/

四种Touch事件（用于移动端）：

touchstart: // 手指放到屏幕上的时候触发

touchmove: // 手指在屏幕上移动的时候触发

touchend: // 手指从屏幕上拿起的时候触发

touchcancel: // 系统取消touch事件的时候触发。至于系统什么时候会取消，不详。。

获取触摸（用法：event.touches[0].clientX）：

client / clientY：// 触摸点相对于浏览器窗口viewport的位置

pageX / pageY：// 触摸点相对于页面的位置

screenX /screenY：// 触摸点相对于屏幕的位置

identifier：// touch对象的unique ID

获取宽高：

浏览器窗口宽：window.innerWidth;

浏览器窗口高：window.innerHeight;

获取宽高：

 
  添加事件：document.onmousedown=function(e){};//document可以替换成其他html标签对象
 