js鼠标单击和双击事件冲突问题的快速解决方案

案例1



如果同时绑定在DOM对象（单击）、双击（双击）的事件，当事件发生在双击DOM对象，首先单击（点击）触发单击事件（点击），二安打（连续）也可以触发事件，或双击（双击）点击触发事件（点击）（IE7和Firefox）。

uff1a解




var I＝1；
函数测试（n）{
i = n；
VaR值= setTimeout（叫（）；
如果（i = 2）{
ClearTimeout（Val）；
}
}
函数调用（）{
如果（我= = 1）{
警报（听到咔哒声）；
}如果（i = 2）{
警报（'dblclick）；
}
}




解释：



记录点击点击点击事件的第一时间，并设置超时（250ms为宜），第二点击确定时间，然后点击最后点击区间，若小于规定间隔的事件（如250ms），则判断为双击，并明确了设置超时（点击避免触发事件）。

第二种：




区分点击和双击—

var标志= 0；
clicktest（）函数
{
如果（！标志）
{
setTimeout（TT2（）；
}
旗帜+；
}
函数重置（）
{
标志＝0；
}
SingleClick（）函数
{
VaR结果= document.getelementbyidx_x（'result）；
结果。innerHTML =结果.innerHTML +点击；
重置（）；
}
dobuleclick（）函数
{
VaR结果= document.getelementbyidx_x（'result）；
结果。innerHTML =结果.innerHTML +双点击；
重置（）；
}
功能如下（）
{
如果（标志= 1）
{
SingleClick（）；
}
其他的
{
DobuleClick（）；
}
}








上面的js鼠标单击和双击事件冲突的解决是整个萧边分享给大家，希望能给大家一个参考，我希望你能支持它。