ontouchstart
ontouchmove
ontouchend
ontouchcancel

目前移动端浏览器均支持这4个触摸事件;

/**
* onTouchEvent
*/
var div = document.getElementById("div");
//touchstart类似mousedown
div.ontouchstart = function(e){
//事件的touches属性是一个数组,其中一个元素代表同一时刻的一个触控点,从而可以通过touches获取多点触控的每个触控点
//由于我们只有一点触控,所以直接指向[0]
var touch = e.touches[0];
//获取当前触控点的坐标,等同于MouseEvent事件的clientX/clientY
var x = touch.clientX;
var y = touch.clientY;
};
//touchmove类似mousemove
div.ontouchmove = function(e){
//可为touchstart、touchmove事件加上preventDefault从而阻止触摸时浏览器的缩放、滚动条滚动等
e.preventDefault();
};
//touchend类似mouseup
div.ontouchup = function(e){
//nothing to do
};

转载于:https://www.cnblogs.com/china-victory/p/3379613.html

javascript移动设备触屏事件相关推荐

  1. WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题

    WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题 目录 一.触屏事件连带触发鼠标事件的问题 二.DataGrid 误触问题及解决方法 独立观察员 2021 年 10 月 10 日 一 ...

  2. js的左右滑动触屏事件

    js的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend.这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标. touchstart在触摸开始 ...

  3. android 触摸 事件,Android触屏事件和MotionEvent详解

    Android屏幕操作 屏幕是用户和Android设备交互的主要媒介,屏幕分为触屏和非触屏.Android设备目前有四种类型:Android Phone,Android Tablet,Android ...

  4. cocos2d-x 2.X 触屏事件

    游戏跟视频最大的区别就是互动,玩家可以操控游戏中的角色,现在的移动设备几乎人手一台,基本上全部都是基于触屏操作的,今天就来学习一下cocos2d-x是怎么实现对触屏操作的处理的. 1.首先来了解一下相 ...

  5. 【iOS-Cocos2d游戏开发之五】【1】多触点与触屏事件详解(单一监听、事件分发)...

    本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2d/450.html ...

  6. [html] HTML5的触屏事件有哪些?

    [html] HTML5的触屏事件有哪些? touchstart 触摸开始 touchmove 接触点移动(手指不离开屏幕) touchend 触摸结束 touchcancel 触摸被取消 个人简介 ...

  7. 【iOS-Cocos2d游戏开发之六】对触屏事件追加讲解,解决无法触发ccTouchMoved事件[重要!]...

    本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2d/453.html ...

  8. Unity Android手机触屏事件

    一: 下面先说经常用的三个事件 手指按下.手指移动.手指松开 1. 手指按下 if(input.touchCount==1) {if(input.touches[0].phase==TouchPhas ...

  9. cocos2d-x Touch触屏事件

    单点触控 前提是继承CCLayer  1. OnEnter或init中添加开启触屏接收属性: setTouchEnabled(true); 2. 重载 virtual void registerWit ...

  10. Unity 手机触屏事件

    Unity 触屏操作   当将Unity游戏运行到IOS或Android设备上时,桌面系统的鼠标左键可以自动变为手机屏幕上的触屏操作,但如多点触屏等操作却是无法利用鼠标操作进行的.Unity的Inpu ...

最新文章

  1. 架构师之路 — 分布式系统 — gRPC 谷歌远程过程调用
  2. 鸟哥的Linux私房菜(基础篇)-第零章、计算机概论(零.5)
  3. OllyDbg 使用笔记 (十二)
  4. 阿里数据库内核月报:2015年11月
  5. python观察日志(part2)--牛顿法计算平方根
  6. 数据结构---排序算法的总结
  7. 企业级网络建站工作室源码
  8. Ruoyi框架Maven编译不通过的问题---SpringCloud Alibaba_若依微服务框架改造---工作笔记006
  9. EC地图编辑器(预览版)
  10. docker的文件流处理_迁移到微服务与DevOps,微服务和Docker容器的全面实用指南
  11. Julia: Array的确很强大
  12. php time of 0,PHP程序时出现 Fatal error: Maximum execution time of 30 seconds exceeded in 提示...
  13. 软件项目的规模、工作量和成本是如何进行估算或评估的?
  14. 计算机网络知识之交换机、路由器、网关、MAC地址
  15. 使用adb指令往机顶盒上安装应用
  16. 十万个Web3为什么:什么是Optimism?它靠何法宝帮助以太坊扩容?
  17. 构建城市三维信息模型(CIM)与数字孪生城市可视化技术 优锘ThingJS
  18. 什么叫组网_什么叫MESH组网
  19. 苹果cmsv10好看的七色中文二开视频免费模板
  20. SpringBoot继承阿里云短信

热门文章

  1. 浅谈JVM垃圾回收机制
  2. 码农们:你属于哪一种极品程序员?
  3. zTree保持展开单一路径之简易实现
  4. AsteriskNow 实用总结
  5. java exec 关闭,Java学习之使用Runtime.exec()启动、关闭Tomcat
  6. 电脑强制打开手机usb调试_手机、电脑录屏的5种正确打开方式,简直太快了!网友:实用...
  7. 关于安全校验代码的一些心得
  8. 利用PlayerPrefs存储数据
  9. Redis 持久化 RDB 详解
  10. linux查找大文件或目录