jsを使ってhtmlに長押し機能を実装する方法(コード)

不言
リリース: 2018-08-17 17:59:55
オリジナル
4935 人が閲覧しました

この記事の内容は、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>
ログイン後にコピー

//以下は、ハイパーリンクに追加された呼び出しの例です。最初の判定を長押しすると、2 番目の判定が実行されます。

<A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" >点击或者长按</A>`
ログイン後にコピー

関連推奨事項:

JS ボタンの点滅機能はどのように実装されていますか?

HTMLを使用して位置決めコード例を実装する方法

以上がjsを使ってhtmlに長押し機能を実装する方法(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート