JS鼠标事件大全 JS鼠标事件有哪些

JavaScript092

JS鼠标事件大全 JS鼠标事件有哪些,第1张

1、如图首先在一个文件夹下创建index.html文件。

2、然后用可编辑文本文件的软件打开index.html文件,index.html的初始内容如图。

3、js的鼠标事件主要有onclick:单击事件ondbclick:双击事件onmouseover:鼠标移入事件onmouseout:鼠标移出事件onmousedown:鼠标按下事件onmouseup:鼠标松开事件。首先实现鼠标左键单击和双击的js代码如图。

4、编辑完index.html文件后,用浏览器打开index.html文件,效果如图。当鼠标左键单击span时显示"触发鼠标单击事件",双击span时显示"触发鼠标双击事件"。

5、接着实现鼠标的移入和移出事件。如图修改index.html文件。

6、最后实现鼠标的点下和松起事件。如图修改index.html文件。

7、修改完index.html文件后,用浏览器打开index.html文件,效果如图。

1、onClick单击事件,常用于button\radio\checkbox\reset buttons\submit buttons对象上面。

2、onChange改变事件,常用于textbox \textarea对象上面,当输入的字符值改变时执行对应的事件代码。

3、onSelect选中事件,当text或textarea对像中的文字被加亮后,引发该事件。

4、onFocus获得焦点事件,当用户单击Text对像以及select对象时,产生该事件。

5、失去焦点onBlur,当不在拥有焦点而退到后台时,引发该事件。

6、载入文件onLoad事件,当文档载入时,产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。

7、制裁文件onUnload事件,当WEB页退出时引发onUnload事件,并可更新Cookie的状态。