一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今。而js,则被我主观的认为底层技术而抛弃。直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐(当然也可能是我对jquery的理解不够),而js ...
一开始做前端页面的时候,接触的也是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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。