JavaScript常用的click事件有哪些

    
    


click

上面的代码中，我们在元素上绑定了onclick、ondblclick、onmousedown、onmouseup四个事件。

然后点击

元素，控制台会依次输出mousedown、mouseup、click。

如果双击

元素，控制台会依次输出mousedown、mouseup、click、mousedown、mouseup、click、dblclick。

所以事件触发的先后顺序是onmousedown、onmouseup、onclick、ondblclick。

所以呢在使用onclick事件的时候，如果绑定了多个和鼠标按键相关的事件，那么就需要注意事件处理的逻辑，避免出现一些意想不到的问题。

事件对象

在onclick事件中，我们可以通过event参数来获取事件对象，事件对象中包含了事件的相关信息。

事件对象event是MouseEvent的实例，它继承了UIEvent和Event，所以事件对象中包含了UIEvent和Event的所有属性和方法。

MouseEvent的属性：

MouseEvent的方法：

• getModifierState(): 返回一个布尔值，表示是否按下了指定的键。

• initMouseEvent(): 初始化事件对象。

• preventDefault(): 阻止事件的默认行为。

• stopImmediatePropagation(): 阻止事件向上冒泡，并阻止事件的进一步捕获或冒泡。

• stopPropagation(): 阻止事件向上冒泡。

click事件注册的方式

click事件可以通过onclick属性、addEventListener()方法和attachEvent()方法注册。

onclick属性

onclick属性是Element的一个属性，它的值是一个函数，当click事件触发时，会执行这个函数。

click

addEventListener()

addEventListener()方法是EventTarget的一个方法，它的第一个参数是事件的名称，第二个参数是事件处理函数，第三个参数是一个布尔值，表示是否在捕获阶段触发事件处理函数。

click

attachEvent()

attachEvent()方法是EventTarget的一个方法，它的第一个参数是事件的名称，第二个参数是事件处理函数。

click

以上就是“JavaScript常用的click事件有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。