数码资讯
单击和双击事件的示例代码
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
首先在代码上:
复制代码代码如下所示:
$(函数(){())
$()Bind(),函数(单击事件)
$()。追加(单击事件);
})
$(div)。Bind(双击。),功能({ / /双
$(体)。追加(双击事件);
})
$(div)。Bind(鼠标悬停。),功能({ / /鼠标经过元素的事件
$(体)。追加(mouseover事件);
})
$(div)。Bind(mouseout。),功能({ / /鼠标出元素的事件
$(体)。追加(mouseout事件);
})
})
jQuery命名空间
如图所示,该效果将在双击时触发两个单击事件。这是什么如果我不想触发双击
如果你点击一个事件,并且触发一个双击,你如何解决它我还试图将点击事件绑定到双击。
因此,事件的点击不能再次使用。
在论坛后来问别人,终于找到了答案。那就是用setTimeout()来设置单击事件间隔时间的方法,时间间隔一般
设置它为300ms,所以当双击小于300ms,单击事件不会产生的,但只有它产。
Dblclick事件。在双击事件的清除定时器()函数是需要明确的单击事件的处理,代码如下:
复制代码代码如下所示:
$(函数(){())
var定时器= null;
$()Bind(),函数(单击事件)
ClearTimeout(定时器);
定时器= setTimeout()函数({ / /单击事件添加一个setTimeout()函数,设置点击事件触发的时间间隔
$()。追加(单击事件);
},300);
})
$(div)。Bind(双击。),功能({ / /双
ClearTimeout(定时器); / /双击事件,先删除以前的单击事件处理时间
$(体)。追加(双击事件);
})
$(div)。Bind(鼠标悬停。),功能({ / /鼠标经过元素的事件
$(体)。追加(mouseover事件);
})
$(div)。Bind(mouseout。),功能({ / /鼠标出元素的事件
$(体)。追加(mouseout事件);
})
})
因此,问题得到了解决!
复制代码代码如下所示:
$(函数(){())
$()Bind(),函数(单击事件)
$()。追加(单击事件);
})
$(div)。Bind(双击。),功能({ / /双
$(体)。追加(双击事件);
})
$(div)。Bind(鼠标悬停。),功能({ / /鼠标经过元素的事件
$(体)。追加(mouseover事件);
})
$(div)。Bind(mouseout。),功能({ / /鼠标出元素的事件
$(体)。追加(mouseout事件);
})
})
jQuery命名空间
如图所示,该效果将在双击时触发两个单击事件。这是什么如果我不想触发双击
如果你点击一个事件,并且触发一个双击,你如何解决它我还试图将点击事件绑定到双击。
因此,事件的点击不能再次使用。
在论坛后来问别人,终于找到了答案。那就是用setTimeout()来设置单击事件间隔时间的方法,时间间隔一般
设置它为300ms,所以当双击小于300ms,单击事件不会产生的,但只有它产。
Dblclick事件。在双击事件的清除定时器()函数是需要明确的单击事件的处理,代码如下:
复制代码代码如下所示:
$(函数(){())
var定时器= null;
$()Bind(),函数(单击事件)
ClearTimeout(定时器);
定时器= setTimeout()函数({ / /单击事件添加一个setTimeout()函数,设置点击事件触发的时间间隔
$()。追加(单击事件);
},300);
})
$(div)。Bind(双击。),功能({ / /双
ClearTimeout(定时器); / /双击事件,先删除以前的单击事件处理时间
$(体)。追加(双击事件);
})
$(div)。Bind(鼠标悬停。),功能({ / /鼠标经过元素的事件
$(体)。追加(mouseover事件);
})
$(div)。Bind(mouseout。),功能({ / /鼠标出元素的事件
$(体)。追加(mouseout事件);
})
})
因此,问题得到了解决!
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。