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

转载 2016年08月30日 09:35:27

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

1
2
3
4
touchstart:  // 手指放到屏幕上的时候触发 
touchmove:  // 手指在屏幕上移动的时候触发 
touchend:  // 手指从屏幕上拿起的时候触发 
touchcancel:  // 系统取消touch事件的时候触发。至于系统什么时候会取消,不详
1
2
3
4
client clientY:// 触摸点相对于浏览器窗口viewport的位置 
pageX pageY:// 触摸点相对于页面的位置 
screenX /screenY:// 触摸点相对于屏幕的位置 
identifier: // touch对象的unique ID



http://blog.sina.com.cn/s/blog_65c2ec5e0101fexw.html

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:
    1.touchstart:  // 手指放到屏幕上的时候触发 
    2.touchmove:  // 手指在屏幕上移动的时候触发 
    3.touchend:  // 手指从屏幕上拿起的时候触发 
    4touchcancel:  // 系统取消touch事件的时候触发。至于系统什么时候会取消,不详
属性
    1.client clientY:// 触摸点相对于浏览器窗口viewport的位置 
    2.pageX pageY:// 触摸点相对于页面的位置 
    3.screenX /screenY:// 触摸点相对于屏幕的位置 
    4.identifier: // touch对象的unique ID 
//touchstart事件  
function touchSatrtFunc(e)  
    //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  
    var touch e.touches[0]; //获取第一个触点  
    var Number(touch.pageX); //页面触点X坐标  
    var Number(touch.pageY); //页面触点Y坐标  
    //记录触点初始位置  
    startX x;  
    startY y;  
 
//touchmove事件 
function touchMoveFunc(e)  
    //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  
    var touch evt.touches[0]; //获取第一个触点  
    var Number(touch.pageX); //页面触点X坐标  
    var Number(touch.pageY); //页面触点Y坐标  
    var text 'TouchMove事件触发:(' ', ')';  
    //判断滑动方向  
    if (x startX != 0)  
        //左右滑动  
     
    if (y startY != 0)  
        //上下滑动  
     
 
 

手机web开发,click,touch,tap事件浅析

一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。 singleTap和doubleTap...
  • fengwizard
  • fengwizard
  • 2013年12月17日 22:40
  • 43173

手机端click事件300ms延迟问题&&zepto.js的点透事件

手机端click事件300ms延迟问题 问题由来:双击事件 假定这么一个场景。用户在 iOS Safari 里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览...
  • panying0903
  • panying0903
  • 2015年05月25日 16:02
  • 5139

手机端滑动事件监听

  • 2016年08月27日 17:25
  • 961B
  • 下载

手机端解决onkeyup事件

1、onchange事件与onpropertychange事件的区别:  onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onpropertychange事件却是实时触发...
  • xiaoshu611
  • xiaoshu611
  • 2016年01月05日 15:46
  • 3838

手机端html5触屏事件(touch事件)

touchstart:触摸开始的时候触发 touchmove:手指在屏幕上滑动的时候触发 touchend:触摸结束的时候触发 而每个触摸事件都包括了三个触摸列表,每个列表里包含了对...
  • fanhu6816
  • fanhu6816
  • 2016年07月25日 22:34
  • 2689

手机移动端百度开发覆盖物点击事件不起作用

div.addEventListener('touchstart',function(e){ console.log("内部定义的:touchstart"); console.log(...
  • milli236
  • milli236
  • 2017年05月17日 11:29
  • 1672

html5手机端触屏事件(touch事件)第二章

touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcan...
  • lijiajun95
  • lijiajun95
  • 2017年01月01日 20:59
  • 288

手机端触摸事件js插件

  • 2016年11月17日 15:04
  • 13KB
  • 下载

移动端touch事件和click事件的区别

移动端touch事件和click事件的区别 1.touch事件 以下是四种touch事件 touchstart:     //手指放到屏幕上时触发 touchmove:    ...
  • lululove19870526
  • lululove19870526
  • 2015年03月17日 18:26
  • 31553

html-手机端-点击按钮-去高亮-加点击效果

(1)前提:html页面 ,手机端, (2)问题一: 在iphone上(貌似是9以后。。),给div/span/...等元素上加onclick事件,根本不起作用,这是为啥捏? -- 在元素上加 ...
  • xiaona_jia
  • xiaona_jia
  • 2016年01月13日 17:42
  • 5611
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 手机端触发事事件、javascript手机端/移动端触发事件
举报原因:
原因补充:

(最多只允许输入30个字)