zoukankan      html  css  js  c++  java
  • 移动端长按事件

    转载自 鼠标长按事件和移动端长按事件

    转载自 移动端长按事件

    <!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="100%;">
        <div id="touchArea" style="90%; height:200px; background-color:#CCC;font-size:100px">长按我</div> 
    </div>
    <script>
    var timeOutEvent=0;//定时器
    $(function(){
    	$("#touchArea").on({
            //手指开始按时设置定时器,超过500毫秒就执行longPress()
    		touchstart: function(e){
    			timeOutEvent = setTimeout("longPress()",500);
    		 	e.preventDefault();
    		},
           //如果手指滑动只是说明用户不想长按只想滑动,所以要取消定时器,并还原,
           //如果不还原的话,返回的定时器的值都会是不同的
    		touchmove: function(){
                	clearTimeout(timeOutEvent); 
    		    	timeOutEvent = 0; 
    		},
            //长按没有超过500毫秒,手指离开,执行点击事件,取消定时器
    		touchend: function(){
    	   		clearTimeout(timeOutEvent);
    			if(timeOutEvent!=0){ 
                    //执行点击事件的行为
    			    alert("你这是点击,不是长按"); 
    			} 
    			return false; 
    		}
    	})
    });
     
     
    function longPress(){ 
        timeOutEvent = 0; 
       //执行长按事件的行为
        alert("长按事件触启动了"); 
    } 
     
    </script>
    </body>
    </html>

    setTimeout的返回值:

    setTimeout(回调函数,时间,参数1,参数2,...)的返回值是整数型数值。返回值的作用,即作为一个引用,指向setTimeout,可以来清除定时器clearTimeout()。

      

  • 相关阅读:
    with check option(视图 )
    @@ERROR
    事务处理
    含有自增序列的表中使用truncate与delete的不同结果
    Oracle中的通配符
    Java方法重载
    java递归方法
    Oracle中的for语句
    Uboot 2014.07 makefile分析
    linux内核目录结构
  • 原文地址:https://www.cnblogs.com/huilangyizu/p/10848323.html
Copyright © 2011-2022 走看看