百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html中怎样运用js实现长按功能(代码)
分享文章到:

html中怎样运用js实现长按功能(代码)

发布时间:09/01 来源:未知 浏览: 关键词:

本篇文章给大家带来的内容是关于html中怎样使用js实现长按功效(代码),有必然的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。

//下面是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('单击施行代码区');
            }            
            return false;
        };        
        function gtouchmove(){
            clearTimeout(timeOutEvent);
            timeOutEvent = 0;
            alert('单击未松开直接滑动的施行代码区,默许取消任何操纵');
        };        
        function longPress(){
            timeOutEvent = 0;
            alert('长按施行代码区');
        }    </script>

//下面是加在超链接中的调取例子 第一个推断长按施行 第二个推断点击施行

<A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" >点击或者长按</A>`

相关引荐:

JS按钮闪耀功效是怎样实现的?

怎样使用html实现定位代码实例

以上就是html中怎样使用js实现长按功效(代码)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板