文档章节

js单击和双击并存方法

司徒棋巽
 司徒棋巽
发布于 2017/07/06 17:04
字数 126
阅读 27
收藏 0

今天遇到一个需要单击和双击并存的问题,查询后得到解决方法,记录备忘。

方法如下:

首先dbclick的触发流程为:mousedown、mouseup、click、mousedown、mouseup、click、dbclick,如果单击双击事件并存时,首先触发两次click,再触发dbclick(可通过定时器来测试),因此我们在dbclick时可以通过setTimeout来去除click。

$('.testdiv').click(function () {
    clearTimeout(TimeFn);
    TimeFn = setTimeout(function(){
        alert('click')
    },300);
});

$('.testdiv').dblclick(function () {
    clearTimeout(TimeFn);
    alert('dbclick');
})

© 著作权归作者所有

司徒棋巽
粉丝 0
博文 10
码字总数 1998
作品 0
南京
程序员
私信 提问
【Cocos2d教程】Cocos2d-x--安装程序步骤及.js脚本引擎问题

1.安装前需准备VS2008或VS2010安装包,cocos2D-x安装包   VS2008下载:http://www.97sky.cn/soft/9916.html   cocos2d-x下载:http://cocos2d-x.googlecode.com/files/cocos2d-1.0.1-x-0......

cocos2dl
2014/02/13
2.1K
1
实现在任何有网络的地方把群晖NAS虚拟成本地硬盘的WEBDAV教程

首先在群晖NAS套件中心搜索并安装WEBDAV Server 套件 安装好打开设置 端口可自定义 按应用 下载安装好netdrive 1、下载解压好安装包,双击运行里面的:“NetDrive2Setup2616962.exe”主程序,...

晚上的太阳
2018/08/22
0
0
前端基础-JavaScript

开发工具与关键技术:DW/浏览器 ;简单使用js。 作者:刘佳明 撰写时间:2019年1月 18 日 前面已经随手写过了关于网页编辑的一些基础布局和标签的认识;这篇文章在这里为大家简单的介绍一下关...

没有,
01/18
0
0
jQuery中关于超链接click点击事件的注意点

A.单击事件: 示例代码1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1......

有熊在飛
2013/05/29
0
1
DataGrid鼠标事件处理

http://blog.csdn.net/bgu/ 完成功能是DataGrid的页面选中事件、鼠标事件、双击事件改变TR的色彩。代码很简单,只是一点JS操作。 JS文件:GridControl.js ============================= /*-...

晨曦之光
2012/03/09
116
0

没有更多内容

加载失败,请刷新页面

加载更多

HeyUI组件库按需加载功能上线,盘点HeyUI组件库有哪些独特功能?

HeyUI组件库 如果你还不了解heyui组件库,欢迎来我们的官网或者github参观。 官网 github 当然,如果能给我们一颗✨✨✨,那是最赞的了! 按需加载 当heyui组件库的组件越来越多的时候,按需...

vvpvvp
23分钟前
4
0
Dockerfile文件详解

Dockerfile文件详解 什么是dockerfile? Dockerfile是一个包含用于组合映像的命令的文本文档。可以使用在命令行中调用任何命令。 Docker通过读取Dockerfile中的指令自动生成映像。 docker bui...

Jeam_
37分钟前
0
0
阿里云PolarDB发布重大更新 支持Oracle等数据库一键迁移上云

5月21日,阿里云PolarDB发布重大更新,提供传统数据库一键迁移上云能力,可以帮助企业将线下的MySQL、PostgreSQL和Oracle等数据库轻松上云,最快数小时内迁移完成。据估算,云上成本不到传统...

zhaowei121
45分钟前
0
0
在数据数据探索过程中的一些常用操作

###pandas在做数据探索时,分组统计均值和中位数参考资料:http://www.cnblogs.com/nxld/p/6058591.htmlhttp://python.jobbole.com/85742/按字典重新赋值,可以直接使用pandas中的repla...

KYO4321
47分钟前
0
0
好程序员分享干货 弹性分布式数据集RDD

一、RDD定义 RDD(Resilient Distributed Dataset)叫做分布式数据集,是Spark中最基本的数据抽象,它代表一个不可变(数据和元数据)、可分区、里面的元素可并行计算的集合。其特点在于自动容...

好程序员IT
48分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部