js 手机端触发事事件、javascript手机端/移动端触发事件

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:

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

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

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

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

//属性

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

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

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

identifier： // touch对象的unique ID

//touchstart事件

function touchSatrtFunc(e) {

//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等

var touch = e.touches[0]; //获取第一个触点

var x = Number(touch.pageX); //页面触点X坐标

var y = Number(touch.pageY); //页面触点Y坐标

//记录触点初始位置

startX = x;

startY = y;

}

//touchmove事件

function touchMoveFunc(e) {

//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等

var touch = evt.touches[0]; //获取第一个触点

var x = Number(touch.pageX); //页面触点X坐标

var y = Number(touch.pageY); //页面触点Y坐标

var text = 'TouchMove事件触发：（' + x + ', ' + y + '）';

//判断滑动方向

if (x - startX != 0) {

//左右滑动

}

if (y - startY != 0) {

//上下滑动

}

转载于:https://www.cnblogs.com/gopark/p/8822768.html

js 手机端触发事事件、javascript手机端/移动端触发事件相关推荐

html动态生成按钮事件,javascript 动态生成按钮并添加事件时为什么不响应？
javascript 动态生成按钮并添加事件时为什么事件不响应?(谢谢大家!) 1)html部分 1 2 3 4 5 6 7 8 9 10 11 12 2)script部分 //_t 为一个现在的Ta ...
html textarea粘贴事件,javascript在textarea中捕获粘贴事件
我目前有一个textarea,我需要控制粘贴的文本, 基本上我需要能够将用户想要粘贴的任何内容粘贴到textarea并将其放入变量中. 然后,我将确定它们粘贴文本的位置和字符串的大小,以便从texta ...
html禁止页面左右滑动,js阻止移动端默认事件以及只阻止横向滚动事件方法
js阻止移动端默认事件,是在相关的touch事件的时候利用event.preventDefault();来阻止默认滚动行为,但是如果要实现阻止横向滚动行为而不阻止竖向滚动行为就要写一个方法通过手指滑动 ...
移动端手指事件和手机事件：
文章目录 1.手指事件: 2.touches当前屏幕中的手指列表: 3.重力加速度事件: 4.手机倾斜事件: 5.手机摇一摇: 6.多指旋转: 7.多指缩放: 1.手指事件: <!DOCTYPE ...
搞定移动端一(移动端 touch 事件，TouchEvent 对象)
移动端事件 1.目标掌握移动端 touch 事件使用掌握 touch 事件和 mouse 事件的区别掌握 touchEvent 实现移动端幻灯片 2.移动端touch事件 touchstart ...
pc变手机端html,让移动端的事件变为PC端的事件
最近看到了一个手机端的小程序,可是在电脑端无法使用,原因是其中一个js是手机端js,怎么将这个js专为PC端可以使用的js function tabLoad(obj,oJson){ var This= ...
.html追加的触发js事件,JavaScript
JavaScript HTML DOM 事件 HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应. 实例 Mouse Over Me Click Me 对事件做出反应我们可 ...
php 鼠标移动手型,JS实现的鼠标跟随代码(卡通手型点击效果)
这篇文章主要介绍了JS实现的鼠标跟随代码,带有卡通手型点击效果.涉及JavaScript鼠标事件的响应与页面元素的动态调用技巧,需要的朋友可以参考下,具体如下: 一个跟随鼠标的小手效果,鼠标移在哪里, ...
js 多选框被选中触发的事件_JS实现select选中option触发事件操作示例
本文实例讲述了JS实现select选中option触发事件操作.分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在se ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...

js 手机端触发事事件、javascript手机端/移动端触发事件

js 手机端触发事事件、javascript手机端/移动端触发事件相关推荐

最新文章

热门文章