你的位置:首页 > 软件开发 > Java > js的touch事件的实际引用

js的touch事件的实际引用

发布时间:2016-06-16 17:00:08
一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今。而js,则被我主观的认为底层技术而抛弃。直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐(当然也可能是我对jquery的理解不够),而js ...

js的touch事件的实际引用

一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今。而js,则被我主观的认为底层技术而抛弃。直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐(当然也可能是我对jquery的理解不够),而js只需几步简单定义即可。由于对js的了解比较少,最简单的应用我都试了很久……下面就分享下js的touch事件的实际应用:

<!DOCTYPE html><html><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta name="viewport" content="width=device-width, initial-scale=1" />  <title>js的touch事件的实际应用_何问起</title>  <base target="_blank" />  <meta charset="utf-8" />  <style>    a{color:blue;}  </style></head><body>  <div>    请在手机等触屏设备访问本页,然后拖动本页。拖动本页会弹出对话框。    <br />    <a href="http://hovertree.com">何问起</a>    <a href="http://hovertree.com/menu/texiao/">网页特效</a>    <a href="http://hovertree.com/h/bjaf/iw48pw0n.htm">代码说明</a>    <br />    <img src='/images/loading.gif' data-original="http://hovertree.com/hvtimg/bjafjf/q4joew9u.png"  />  </div>  <script src='/images/loading.gif' data-original="http://down.hovertree.com/jquery/jquery-1.12.4.min.js"></script>  <script>    $(function () {      document.addEventListener("touchmove", _touch, false);    })    function _touch(event) {      alert("何问起");    }</script></body></html>
手机扫描下面二维码体验效果:以上事件的event对象上面都存在如下属性:每个Touch对象包含下列属性:

原标题:js的touch事件的实际引用

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。