当前位置 : 主页 > 网络编程 > JavaScript >

dblclick.js

来源:互联网 收集:自由互联 发布时间:2021-06-28
gistfile1.txt //------------------------------------自写双击事件----------------------------------------------------////为什么不写dblclick事件因为手机端不兼容//双击事件的原理,定义一个全局变量i=0,当单机
gistfile1.txt
//------------------------------------自写双击事件----------------------------------------------------//
//为什么不写dblclick事件因为手机端不兼容
//双击事件的原理,定义一个全局变量i=0,当单机的时候让其i++此时调用延时函数0.5s后i变为0,
//(第一次单机i=1,第二次单机i=2,第一次单机时间超出0.5秒的话就清零)当i>1的时候发生双击事件,
//巧妙的双击事件:
        var i = 0;
        $('#cod_img').on('click', function () {
            i++;
            setTimeout(function () {
                i = 0;
            }, 500);
            if (i > 1) {
                $gallery.fadeIn(100);
                $galleryImg.attr('style','background-image:url('+img+');background-size: 90%;')
                i = 0;
            }
        })

//双击事件的扩展:
//在手机端往往会发生一个标签存在两个事件,比如说二维码的查看和保存,我们就可以使用双击查看图片长按保存原图
//这个地方如果你使用单机事件的话,在长按的过程中已经存在了单机事件,用户体验会不好!
上一篇:bundles.json
下一篇:jQuery做动态校验
网友评论