zoukankan      html  css  js  c++  java
  • 关于js touch事件 的引用设置

    一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今。

    而js,则被我主观的认为底层技术而抛弃。

    直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐(当然也可能是我对jquery的理解不够),而js只需几步简单定义即可。

    由于对js的了解比较少,最简单的应用我都试了很久……下面就分享下js的touch事件的实际引用:

    1 $(function(){
    2     document.addEventListener("touchmove", _touch, false);
    3 })
    4 
    5 function _touch(event){
    6     alert(1);
    7 }

    以上代码不可避免的使用了jquery的某些东西,不使用jquery的可以忽略之。

    相应的事件有:

    touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发。

    touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventDefault()可阻止滚动。
    touchend:当手指从屏幕上移开时触发。
    touchcancel:当系统停止跟踪触摸时触发。关于此事件的确切触发事件,文档中没有明确说明。
     
    以上事件的event对象上面都存在如下属性:
    touches:表示当前跟踪的触摸操作的Touch对象的数组。
    targetTouches:特定于事件目标的Touch对象的数组。
    changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组。
     
    每个Touch对象包含下列属性:
    clientX:触摸目标在视口中的X坐标。
    clientY:触摸目标在视口中的Y坐标。
    identifier:表示触摸的唯一ID。
    pageX:触摸目标在页面中的x坐标。
    pageY:触摸目标在页面中的y坐标。
    screenX:触摸目标在屏幕中的x坐标。
    screenY:触摸目标在屏幕中的y坐标。
    target:触摸的DOM节点坐标
     
     
    好吧,我其实也刚开始学,反正先把一些百度来的属性记下来再说。
     
  • 相关阅读:
    qt5--数据类型转换
    qt5-QWidget坐标系统和大小和展示区域
    qt5---布局
    qt5-信号和槽
    tomcat中文请求乱码问题
    centos安装ab测试工具
    golang学习之go简单博客应用
    nodejs的jsonrpc调用
    centos下mongodb安装
    使用connect-multiparty限制nodejs图片上传
  • 原文地址:https://www.cnblogs.com/w2xh/p/4021449.html
Copyright © 2011-2022 走看看