HTML5-长按事件

最新推荐文章于 2024-07-30 22:36:34 发布

weixin_34289454

最新推荐文章于 2024-07-30 22:36:34 发布

阅读量319

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hellman/p/6972831.html

版权

<!DOCTYPE html>  
<html>  
<head>   
    <meta charset="utf-8"/>  
    <title></title>  
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>  
</head>  
<body>  
<div style="width:100%;">  
    <div id="touchArea" style="width:90%; height:200px; background-color:#CCC;font-size:100px">长按我</div>   
</div>  
<script>  
var timeOutEvent=0;  
$(function(){  
    $("#touchArea").on({  
        touchstart: function(e){  
            timeOutEvent = setTimeout("longPress()",500);  
            e.preventDefault();  
        },  
        touchmove: function(){  
                    clearTimeout(timeOutEvent);   
                timeOutEvent = 0;   
        },  
        touchend: function(){  
            clearTimeout(timeOutEvent);  
            if(timeOutEvent!=0){   
                alert("你这是点击，不是长按");   
            }   
            return false;   
        }  
    })  
});  
  
   
function longPress(){   
    timeOutEvent = 0;   
    alert("长按事件触发发");   
}   
  
</script>  
</body>  
</html>

转载于:https://www.cnblogs.com/hellman/p/6972831.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34289454

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5-长按事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <script type="text/javascript" src="http://lib.sinaapp.com/js...
复制链接

扫一扫