Maison > interface Web > tutoriel HTML > Comment utiliser js pour implémenter la fonction d'appui long en HTML (code)

Comment utiliser js pour implémenter la fonction d'appui long en HTML (code)

不言
Libérer: 2018-08-17 17:59:55
original
4970 Les gens l'ont consulté

Le contenu de cet article explique comment utiliser js pour implémenter la fonction d'appui long (code) en HTML. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

//Ce qui suit est le code js, copiez-le simplement et collez-le Exemple : premier jugement, appuyez longuement pour exécuter ; deuxième jugement, cliquez pour exécuter

  <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>
Copier après la connexion

Recommandations associées :

<A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" >点击或者长按</A>`
Copier après la connexion

Comment la fonction de clignotement du bouton JS est-elle implémentée ?


Comment utiliser le HTML pour implémenter un exemple de code de positionnement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal