实现htmljs同时启用单双击事件

html-css011

实现htmljs同时启用单双击事件,第1张

在同一个dom元素同时启用了单击和双击事件时,双击会触发两次单击事件和一次双击事件,并且触发顺序是:单击1 ->单击2 ->双击,我们需要想办法在双击时屏蔽掉单击的效果

延迟单击事件的响应,并在下一个单击事件触发时取消上一个还未执行的单击事件(处于延迟时间内),在双击事件触发时也取消还未执行的单击事件。

还需要一个全局变量来传递单击事件设置的计时器

onClick HTML: 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击

onDblClick HTML: 鼠标双击事件

onMouseDown HTML: 鼠标上的按钮被按下了

onMouseUp HTML: 鼠标按下后,松开时激发的事件

onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件

onMouseMove HTML: 鼠标移动时触发的事件

onMouseOut HTML: 当鼠标离开某对象范围时触发的事件

onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]

onKeyDown HTML: 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]

onKeyUp HTML: 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]