文档章节

onclick ondblclick事件共存的方法

sweeeeeet
 sweeeeeet
发布于 2016/11/18 15:54
字数 166
阅读 56
收藏 0
var click_flag;
function onclick(){
	click_flag = false;
	window.setTimeout(function(){
		if (!click_flag) {
			// onclick code
		}
	}, 200);
}

function ondblclick(){
	click_flag = true;
	// ondblclick code;
}

    在使用input标签的onclick和ondblclick事件时,会出现双击触发两次事件的异常情况。想要获得正常的点击行为代码如上。

    原理很简单,双击时会先触发onclick事件,flag标示当前执行哪种事件。但onclick事件是延时200ms执行的,在此期间触发了ondblclick事件,将flag置为true,onclick事件被跳过。

    不过我觉得应该有成熟的按钮控件,还要再研究一下,如果有知道的朋友可以留言,感谢。

© 著作权归作者所有

sweeeeeet
粉丝 2
博文 19
码字总数 24105
作品 0
上海
后端工程师
私信 提问
onClick 事件 和 onDblClick 事件并存的解决方法

最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式添加处理,结果发现只会执行 onclick,而不会执行 ondblclick;这时我们需要对2个事件的处理函...

山哥
2013/04/16
4.3K
3
请教如何分开处理网页链接的双击和单击的问题

请看下面这个链接 链接 当我双击这个链接的时候,onclick 会先被执行,请问如何在双击的时候不让 onclick 事件触发。 也就是说双击链接只执行 dbclick 方法,而单击的时候才执行 click 方法?...

小编辑
2011/05/22
352
4
dom document object model 文档对象模型

1、事件 body 事件 onload onunload onbeforeunload 常见事件 onclick(单击)、ondblclick(双击)、onkeydown(按键按下)、onkeypress(点击按键)、onkeyup(按键释放)、onmousedown(鼠...

上官瑾文
2014/05/02
0
0
好程序员HTML5大前端分享之函数篇

好程序员HTML5大前端教程分享之函数篇,将代码编写在函数中,就可以避免在非必要情况下调用该代码,也就是说我们可以让一段代码在特定情况下再去执行。 function 关键字:该关键字表示要声明...

好程序员IT
06/03
5
0
android安卓 按住button连续增加

相关知识: Timer 延迟时间,间隔时间,重复执行 参考http://www.cnblogs.com/xuling/archive/2011/06/06/2073864.html public class te {static int i=1;public static void main(String[] ......

FergusJ
2015/08/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
5
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
6
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
4
0
OSChina 周日乱弹 —— 我,小小编辑,食人族酋长

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享娃娃的单曲《飘洋过海来看你》: #今日歌曲推荐# 《飘洋过海来看你》- 娃娃 手机党少年们想听歌,请使劲儿戳(这里) @宇辰OSC...

小小编辑
今天
1K
11
MongoDB系列-- SpringBoot 中对 MongoDB 的 基本操作

SpringBoot 中对 MongoDB 的 基本操作 Database 库的创建 首先 在MongoDB 操作客户端 Robo 3T 中 创建数据库: 增加用户User: 创建 Collections 集合(类似mysql 中的 表): 后面我们大部分都...

TcWong
今天
40
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部