分享一个长按事件的代码

没那么简单

刚好项目有需求，就分享下，自己也是网上找的

1. <div ontouchstart="gtouchstart()" ontouchmove="gtouchmove()" ontouchend="gtouchend()">
   
2.                         长按我
   
3.                 </div>
   
4. 
   
5. 
   
6. 
   
7. <script>
   
8.             function sliding() {
   
9.                 api.openSlidPane({
   
10.                     type : 'left'
    
11.                 });
    
12.             }
    
13. 
    
14.             apiready = function() {
    
15.                 $api.fixStatusBar($api.dom('.header'));
    
16.                 api.addEventListener({
    
17.                     name : 'keyback'
    
18.                 }, function(ret, err) {
    
19.                     api.closeWidget();
    
20.                 });
    
21.             };
    
22.         </script>
    
23.         <script type="text/javascript">
    
24.             var timeOutEvent = 0;
    
25.             //定时器
    
26.             //开始按
    
27.             function gtouchstart() {
    
28.                 timeOutEvent = setTimeout("longPress()", 500);
    
29.                 //这里设置定时器，定义长按500毫秒触发长按事件，时间可以自己改，个人感觉500毫秒非常合适
    
30.                 return false;
    
31.             };
    
32.             //手释放，如果在500毫秒内就释放，则取消长按事件，此时可以执行onclick应该执行的事件
    
33.             function gtouchend() {
    
34.                 clearTimeout(timeOutEvent);
    
35.                 //清除定时器
    
36.                 if (timeOutEvent != 0) {
    
37.                     //这里写要执行的内容（尤如onclick事件）
    
38.                     alert("你这是点击，不是长按");
    
39.                 }
    
40.                 return false;
    
41.             };
    
42.             //如果手指有移动，则取消所有事件，此时说明用户只是要移动而不是长按
    
43.             function gtouchmove() {
    
44.                 clearTimeout(timeOutEvent);
    
45.                 //清除定时器
    
46.                 timeOutEvent = 0;
    
47.             };
    
48.             //真正长按后应该执行的内容
    
49.             function longPress() {
    
50.                 timeOutEvent = 0;
    
51.                 //执行长按要执行的内容，如弹出菜单
    
52.                 alert("长按事件触发发");
    
53.             }
    
54.         </script>
    

复制代码

水木易安

支持！！！！？？？？？？？！

yyyfx

感谢分享

软体动物

好用，多谢分享

cp_zhangjunhui

很好，学习了

wystec

有用，谢谢分享。

荣华-设计005

感谢分享

aloneArcher

为啥同时添加3个事件，我手机页卡的完全不能动。。。

feel112

兄弟，我想问下长按以后松开后手指在div里面跳转某个页面，，如果手指没在div分范围内就不跳转，我想问下这个怎么做？

zz123x2012

牛。。。。。。。。。。。。。。。。。。。