第一种 ：如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件，当在这个DOM对象上发生双击事件时，第一次点击（click）会触发一次单击（click）事件，第二次点击（连续的）也会触发双击（dblclick）事件，还是会触发单击（click）事件（IE7与firefox）。
解决方法：
<button onclick="test(1)" ondblclick="test(2)"></button>
<script>
var i = 1;
function test(n) {
i = n;
var val = setTimeout("call();",250);
if(i==2){
clearTimeout(val);
}
}
function call() {
if(i==1){
alert('click');
}else if(i==2){
alert('dblclick');
}
}
</script>
第一次点击记录下点击的时间，并设置单击事件的Timeout（250ms比较合适），第二次点击时判断此时点击的时间与上次点击的时间间隔，如果小于指定的事件间隔（比如250ms），则判断为双击事件，并clear已设置的Timeout（避免触发单击事件）。
第二种：<title>区分单击和双击</title>
<script type="text/javascript">
var flag=0;
function clickTest()
{
if(!flag)
{
setTimeout("tt2();",300);
}
flag++;
}
function reset()
{
flag=0;
}
function singleClick()
{
var result=document.getElementById('result');
result.innerHTML=result.innerHTML+"click<br>";
reset();
}
function dobuleClick()
{
var result=document.getElementById('result');
result.innerHTML=result.innerHTML+"dobule click<br>";
reset();
}
function tt2()
{
if(flag==1)
{
singleClick();
}
else
{
dobuleClick();
}
}
</script>
</head>
<body>
<input type="button" ondblclick="clickTest();" onclick="clickTest();" value="click test" />
<div id="result">
</div>
分享到：
相关推荐
"js单击事件和双击事件并存绑定"这个主题涉及到如何让一个元素同时响应单击（click）和双击（dblclick）事件，而不互相冲突。这在实现某些交互功能时非常有用，比如，单击可能打开一个菜单，而双击则可能编辑内容。...
在C# WinForm开发中，用户界面交互是一个关键部分，其中单击（Click）和双击（DoubleClick）事件是常见的用户输入响应。...通过查看和分析这些代码，可以进一步了解如何在实际场景中处理单击和双击事件的冲突问题。
如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件，当在这个DOM对象上发生双击事件时，第一次点击（click）会 触发一次单击（click）事件，第二次点击（连续的）也会触发双击（dblclick）事件，还是会...
通过这种方式，我们可以有效地在JS中解决单击和双击事件的冲突，确保每个事件都能正确无误地执行其相应的处理逻辑，从而提高用户体验。这种方法不仅适用于ZTree、DHTMLX这样的库，也可以应用于任何需要处理单击和...
总的来说，鼠标单击变双击是一个常见但烦人的问题，通过合理的测试和排查，我们通常可以找到问题的根源并采取相应的解决方案。同时，了解和掌握鼠标连点和点击速度测试，也有助于提升我们使用鼠标的效率和体验。
4.拦截IP冲突，在系统内核层拦截接收到的IP冲突数据包，避免本机因IP冲突造成掉线等。 5.主动防御，主动向网关通告本机正确的MAC地址，保障网关不受ARP欺骗影响。 6.智能防御，在只有网关受到ARP欺骗的情况下，智能...
这款绿色单机版的设计理念是提供便捷、无安装负担的服务，让用户能够轻松地管理和更新电脑上的硬件驱动程序。下面将详细解释驱动精灵的核心功能、工作原理以及如何使用其绿色单机版。 1. **核心功能**： - **驱动...
通过上述步骤，您可以有效地解决新天骄单机版中角色等级无法升至5级以上的问题。需要注意的是，虽然这些步骤适用于大多数情况，但在特定环境下可能还需要根据实际情况进行相应的调整。希望这篇指南能帮助您更好地...
在本例中，关闭安全软件如360可能有助于解决安装冲突。 6. **安装完成** 成功配置后，DBCA会显示安装成功提示，此时数据库已经创建完毕，可以开始使用了。 总的来说，Oracle 11g R2的安装虽然涉及多个步骤，但...
1. **启动安装程序**：双击`setup.exe`启动安装向导。如果遇到提示选择安装模式的情况，请根据实际需求进行选择。 - 若提示选择安装模式时出现“仅安装客户端工具”选项，这表示当前环境下不支持完整安装SQL ...
【会所系统单机版】是一款专为会所和KTV歌城设计的管理软件，旨在提高此类场所的运营效率和服务质量。这款软件以其高效、易用的特点，成为了管理者得力的助手，用户可以安心使用，无需担心更换其他组件的问题。 在...
【T20天正给排水V3.0单机补丁】是一款专为T20天正给排水软件设计的修复工具，旨在解决用户在使用过程中可能遇到的问题，确保软件的稳定性和兼容性。该补丁针对的是64位操作系统，并通过简单的安装步骤帮助用户快速...
- **安全软件冲突**：部分安全防护软件可能会干扰安装过程，建议暂时禁用。 #### 五、常见问题解答 - **Q1：安装过程中出现错误怎么办？** - 确认系统是否满足最低要求。 - 尝试重新启动安装向导。 - 查阅官方...
4.拦截IP冲突，在系统内核层拦截接收到的IP冲突数据包，避免本机因IP冲突造成掉线等。 5.主动防御，主动向网关通告本机正确的MAC地址，保障网关不受ARP欺骗影响。 6.智能防御，在只有网关受到ARP欺骗的情况下，智能...
单机考勤管理系统使用说明书详细地阐述了如何有效地利用该系统进行日常的考勤管理工作。以下是对各个关键知识点的深入解析： 1. **软件的安装与卸载**： - **安装前**：在安装软件前，用户需确保计算机满足系统的...
为了解决手势之间的冲突，需要合理设置GestureDetector和ScaleGestureDetector的顺序，确保正确的手势被正确识别。 通过上述技术，我们可以构建一个功能完善的图片查看器，它不仅能响应用户的点击和缩放操作，还能...
4. **日志监控**：查看SVN服务日志，及时发现和解决问题。 5. **版本升级**：保持SVN服务端和客户端的版本更新，以获得最新的功能和安全修复。 通过上述步骤，你可以在Windows R2服务器上成功部署并使用SVN，实现...
“蓝屏检测.exe”这个文件很可能是这个工具的主执行程序，双击运行后，软件会引导用户进行蓝屏信息的检测和修复流程。使用时，确保在安全模式下运行，以避免因系统冲突导致的误判。 总的来说，电脑蓝屏检测修复工具...
【标题】：“网吧快速还原系统hhfd”是一个专为网吧环境设计的系统恢复解决方案，旨在高效、快捷地恢复网吧计算机到初始状态，确保系统稳定运行并保护用户数据安全。 【描述】：描述中的“tttytytytytddsgsdgdfssd...
3. 运行：找到解压后的`bin`目录，双击`startup.cmd -m standalone`启动命令，这将以单机模式启动Nacos。如果想以集群模式启动，可使用`startup.cmd -m cluster`命令，但需要提前配置集群配置文件。 4. 验证：启动...