事实：JavaScript鼠标事件（鼠标单击并释放移动效果）

鼠标和键盘事件是页面操作中最常用的操作. 鼠标事件可用于对鼠标移动和页面单击产生特殊效果，键盘快捷键也可用于制作页面快捷键.

鼠标单击事件

单击事件（onclick）是单击鼠标时触发的事件. 单击是指停留在对象上，按下鼠标按钮并释放鼠标按钮而不移动鼠标的完整过程.

单击事件通常应用于按钮对象，复选框对象，图像对象，链接对象，单选对象，重置对象和提交对象. 按钮对象通常仅使用onclick事件处理程序，因为无法从用户获得该对象的任何信息，如果没有onclick事件处理程序，则按钮对象将无效.

注意:

使用对象的单个任务时，如果在对象上按下鼠标按钮，然后将鼠标移到对象外部并释放鼠标，则click事件将无效. 在执行click事件处理程序之前，必须在对象上按下并释放click事件.

示例: 通过按钮更改背景颜色.

此示例通过单击“更改背景”按钮来动态更改页面的背景颜色. 当用户再次单击该按钮时，页面背景将以不同的颜色显示.

代码如下:

演示效果:

鼠标释放或新闻发布会

鼠标按下或释放事件分别是onmousedown和onmouseup事件. 其中，onmousedown事件用于在按下鼠标时触发事件处理程序，onmouseup事件用于在释放鼠标时触发事件处理程序. 用鼠标单击一个对象时，可以使用这两个事件来实现其动态效果.

示例: 使用事件制作超链接文本

此示例使用onmousedown和onmouseup事件使文本类似于（超链接）标记功能，即，当在文本上按下鼠标时，文本的颜色会更改，并且在释放鼠标时在文本上，将还原为文本的默认颜色，并弹出一个空白页面（可以链接任何网页）. 操作结果如图所示.

代码:

	
		
		
		
	
	
		

			改变
		
	
	

鼠标进入/退出事件

鼠标进入和退出事件分别是onmouseover和onmouseout事件. 其中，当鼠标移到对象上方时，onmouseover事件触发事件处理程序，而当鼠标移到对象上方时，onmouseout事件触发事件处理程序. 当鼠标在指定对象上移动时，这两个事件可用于实现对象的动态效果.

鼠标移动事件

鼠标移动事件（onmousemove）是事件处理程序，当鼠标在页面上移动时触发. 在这种情况下，文档对象可用于实时读取鼠标在页面上的位置.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-310204-1.html