数码资讯
js鼠标单击和双击事件冲突问题的快速解决方案
案例1 如果同时绑定在DOM对象(单击)、双击(双击)的事件,当事件发生在双击DOM对象,首先单击(点击)触发单击事件(点击),二安打(连续)也可以触发事件,或双击(双击)点击触发事件(点击)(IE7和Firefox)。 uff1a解 var I=1; 函数测试(n){ i = n; VaR值= s
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
案例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鼠标单击和双击事件冲突的解决是整个萧边分享给大家,希望能给大家一个参考,我希望你能支持它。
如果同时绑定在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鼠标单击和双击事件冲突的解决是整个萧边分享给大家,希望能给大家一个参考,我希望你能支持它。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。