鼠标单击事件讲解

1. 如何用 Vs 制作一个鼠标的点击事件，这个事件的要求鼠标移入背景颜色改变为 “red 

1. 然后鼠标移除时背景颜色改为“blue”还要给他一个控制台的点击事件，要求是 鼠标单点时触发单击事件，鼠标双击时，触发双击事件。

     3.接下来我们就开始操作吧。

   首先我们需要建一个 html ，然后在给他一个长为 300 宽也是 300 的正方形，背景颜色给他 一        个blue 的蓝色如下面的图。

4.敲好后我们就开始今天最重要的部分，js。

5.我们需要声明一个变量的 var   div  = document .querySelector( “div” ) ；

6.去获取到他，获取后直接写他那四个事件，我们开始敲了，还是给他一个 div.onmuseover =function  () {}来执行然后在来给他的背景颜色为红色，下面来执行一个鼠标移出的一个颜 色 red 和上的代码基本一致，onmuseout来执行给他一个蓝色 blue ，如下图。

 

7.进入浏览器后的样子如下图。，从鼠标移入到鼠标移出的效果。

 

1. 下面我们来完成点击事件，和上面一样我们需要声明一个变量的 var   div  = document .getElementById( “div” ) ;后，我们直接去获取他还是给他一个 btn.onclick = function  () {}来执行给他一个单击事件触发，再给他ondblclick来执行双击事件触发。如下图：

9.在来浏览器哪里看一下控制台的参数变化如下图。

 

差不多就这个样子。希望对你有帮助。