>웹 프론트엔드 >HTML 튜토리얼 >js를 사용하여 HTML에서 길게 누르기 기능을 구현하는 방법(코드)

js를 사용하여 HTML에서 길게 누르기 기능을 구현하는 방법(코드)

不言
不言원래의
2018-08-17 17:59:554959검색

이 글의 내용은 js를 사용하여 HTML에서 길게 누르기 기능(코드)을 구현하는 방법에 대한 내용입니다. 도움이 필요한 친구들이 참고하면 좋겠습니다.

//다음은 js 코드입니다. 그냥 복사해서 붙여넣으세요. 호출 예시에서 첫 번째 판단은 길게 눌러 실행하고 두 번째 판단은 클릭하여 실행합니다 #🎜🎜 #

  <script>
        var timeOutEvent=0;        
        function gtouchstart(){
            timeOutEvent = setTimeout(longPress(),500);            
            return false;            
            //单击开始计时 500代表0.5秒
            //如果longPress()需要传参得写成下面注释中的代码
            //timeOutEvent = setTimeout(function(){ longPress(url);},500);
        };        function gtouchend(){
            clearTimeout(timeOutEvent);            
            if(timeOutEvent!=0){
                alert(&#39;单击执行代码区&#39;);
            }            
            return false;
        };        
        function gtouchmove(){
            clearTimeout(timeOutEvent);
            timeOutEvent = 0;
            alert(&#39;单击未松开直接滑动的执行代码区,默认取消任何操作&#39;);
        };        
        function longPress(){
            timeOutEvent = 0;
            alert(&#39;长按执行代码区&#39;);
        }    </script>

관련 추천:

JS 버튼 깜박임 기능은 어떻게 구현되나요?


html을 사용하여 위치 지정 코드를 구현하는 방법 예시

위 내용은 js를 사용하여 HTML에서 길게 누르기 기능을 구현하는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.