请问如何用JavaScript实现双击事件处理?
- 内容介绍
- 文章标签
- 相关推荐
本文共计316个文字,预计阅读时间需要2分钟。
plaintextgistfile1.txt//------------------------------------自写双击事件----------------------------------------------------// 为什么不写dblclick事件/因为手机端不兼容// 双击事件的原理,定义一个全局变量i=0,当单机事件触发时i=1,然后设置一个定时器,在定时器中检查i是否为1,如果是则执行双击事件,并将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; } }) //双击事件的扩展: //在手机端往往会发生一个标签存在两个事件,比如说二维码的查看和保存,我们就可以使用双击查看图片长按保存原图 //这个地方如果你使用单机事件的话,在长按的过程中已经存在了单机事件,用户体验会不好!
本文共计316个文字,预计阅读时间需要2分钟。
plaintextgistfile1.txt//------------------------------------自写双击事件----------------------------------------------------// 为什么不写dblclick事件/因为手机端不兼容// 双击事件的原理,定义一个全局变量i=0,当单机事件触发时i=1,然后设置一个定时器,在定时器中检查i是否为1,如果是则执行双击事件,并将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; } }) //双击事件的扩展: //在手机端往往会发生一个标签存在两个事件,比如说二维码的查看和保存,我们就可以使用双击查看图片长按保存原图 //这个地方如果你使用单机事件的话,在长按的过程中已经存在了单机事件,用户体验会不好!

