鼠标单击事件讲解

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

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

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

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

 

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

我们需要声明一个变量的var box = document。Getelementbyid（“box”）；

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

 

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

 

下面我们来完成点击事件，我们还是一样给他一个box的对象然后给他一个onclick=function（）{}如下面的图片。

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

 

 

 

。

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