javascript移动设备触屏事件
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移动设备触屏事件相关推荐
- WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题
WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题 目录 一.触屏事件连带触发鼠标事件的问题 二.DataGrid 误触问题及解决方法 独立观察员 2021 年 10 月 10 日 一 ...
- js的左右滑动触屏事件
js的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend.这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标. touchstart在触摸开始 ...
- android 触摸 事件,Android触屏事件和MotionEvent详解
Android屏幕操作 屏幕是用户和Android设备交互的主要媒介,屏幕分为触屏和非触屏.Android设备目前有四种类型:Android Phone,Android Tablet,Android ...
- cocos2d-x 2.X 触屏事件
游戏跟视频最大的区别就是互动,玩家可以操控游戏中的角色,现在的移动设备几乎人手一台,基本上全部都是基于触屏操作的,今天就来学习一下cocos2d-x是怎么实现对触屏操作的处理的. 1.首先来了解一下相 ...
- 【iOS-Cocos2d游戏开发之五】【1】多触点与触屏事件详解(单一监听、事件分发)...
本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2d/450.html ...
- [html] HTML5的触屏事件有哪些?
[html] HTML5的触屏事件有哪些? touchstart 触摸开始 touchmove 接触点移动(手指不离开屏幕) touchend 触摸结束 touchcancel 触摸被取消 个人简介 ...
- 【iOS-Cocos2d游戏开发之六】对触屏事件追加讲解,解决无法触发ccTouchMoved事件[重要!]...
本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2d/453.html ...
- Unity Android手机触屏事件
一: 下面先说经常用的三个事件 手指按下.手指移动.手指松开 1. 手指按下 if(input.touchCount==1) {if(input.touches[0].phase==TouchPhas ...
- cocos2d-x Touch触屏事件
单点触控 前提是继承CCLayer 1. OnEnter或init中添加开启触屏接收属性: setTouchEnabled(true); 2. 重载 virtual void registerWit ...
- Unity 手机触屏事件
Unity 触屏操作 当将Unity游戏运行到IOS或Android设备上时,桌面系统的鼠标左键可以自动变为手机屏幕上的触屏操作,但如多点触屏等操作却是无法利用鼠标操作进行的.Unity的Inpu ...
最新文章
- 架构师之路 — 分布式系统 — gRPC 谷歌远程过程调用
- 鸟哥的Linux私房菜(基础篇)-第零章、计算机概论(零.5)
- OllyDbg 使用笔记 (十二)
- 阿里数据库内核月报:2015年11月
- python观察日志(part2)--牛顿法计算平方根
- 数据结构---排序算法的总结
- 企业级网络建站工作室源码
- Ruoyi框架Maven编译不通过的问题---SpringCloud Alibaba_若依微服务框架改造---工作笔记006
- EC地图编辑器(预览版)
- docker的文件流处理_迁移到微服务与DevOps,微服务和Docker容器的全面实用指南
- Julia: Array的确很强大
- php time of 0,PHP程序时出现 Fatal error: Maximum execution time of 30 seconds exceeded in 提示...
- 软件项目的规模、工作量和成本是如何进行估算或评估的?
- 计算机网络知识之交换机、路由器、网关、MAC地址
- 使用adb指令往机顶盒上安装应用
- 十万个Web3为什么:什么是Optimism?它靠何法宝帮助以太坊扩容?
- 构建城市三维信息模型(CIM)与数字孪生城市可视化技术 优锘ThingJS
- 什么叫组网_什么叫MESH组网
- 苹果cmsv10好看的七色中文二开视频免费模板
- SpringBoot继承阿里云短信