原生js网页点击事件

鼠标点击事件:(左击)(右击)

在网页中,一般鼠标左击最为常用,也有特殊情况需要用到鼠标右击

 

以下使用两个小案例说明鼠标左击和右击:

原生js网页点击事件页面上写一个span标签,通过id选择器去触发点击事件。

  • 鼠标左击:

原生js网页点击事件

通过id选择器选取到被点击的元素,触发点击事件alert();

 

页面:

原生js网页点击事件

 

 

  • 鼠标右击

浏览器通常都有自带的鼠标右击事件,所以如果我们需要用到鼠标右击,就需要对鼠标右击进行重写,利用onmousedown监听鼠标点击的值,左键的1右键为2. 判断值是否为2,如果为二则进行事件触发

原生js网页点击事件

通过监听鼠标点击的event值,来识别右键是否点击

网页:

原生js网页点击事件