博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 解决 click 和 dblclick 冲突
阅读量:6858 次
发布时间:2019-06-26

本文共 845 字,大约阅读时间需要 2 分钟。

版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82655648

jQuery 解决 click 和 dblclick 冲突

click 是单击事件, dblclick 是双击事件

如果给一个 DOM 元素同时绑定两个事件,则会导致响应 dblclick 时会同时响应 click

更多精彩

  • 更多技术博客,请移步

制定延迟策略

  1. set() 用于为待执行方案设置一个延迟
  2. clear() 用于清空设置的延迟
var clickTimeout = {  _timeout: null,  set: function (fn) {
var that = this that.clear() that._timeout = setTimeout(fn, 300) }, clear: function () {
var that = this if (that._timeout) { clearTimeout(that._timeout) } }}

为单击事件添加延迟操作

  1. 由于单击事件默认优先响应,所以需要为单击事件设置延迟策略,从而给双击事件足够的响应时间
$('#btn').on('click', function () {
clickTimeout.set(function () {
console.log('this is click') })})

在响应双击事件时清空延迟

  1. 双击事件响应完毕后,清空延迟策略
$('#btn').on('dblclick', function() {
clickTimeout.clear() conosle.log('this is dblckick')})
你可能感兴趣的文章
ACM-ICPC(10 / 9)
查看>>
GIT在windows下搭建
查看>>
shell编程系列26--大型脚本工具开发实战
查看>>
如何改变PMO在组织中的尴尬处境的?
查看>>
sys.argv[]
查看>>
What's the best Linux server for you? == 最佳Linux服务器发行版
查看>>
docker swarm英文文档学习-1-概述
查看>>
Bootstrap网格
查看>>
IM(XMPP)介绍
查看>>
HDU3188 Just A Triangle【水题】
查看>>
HDU3782 xxx定律【数学计算+水题】
查看>>
趣味程序之趣味系列
查看>>
8.使用下拉列表框进行多选
查看>>
@responseBody注解的使用
查看>>
用maven在eclipse中创建Web项目
查看>>
移动端web开发JS使用Date()的值为invalid Date或者为NaN
查看>>
聊一聊python的单例模式
查看>>
redis应用场景:实现简单计数器-防止刷单
查看>>
python——元组和字典学习笔记
查看>>
面试遇到的问题(被虐了就更新)
查看>>