JavaScript鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup的用法和区别详解


鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup详解


1.事件属性如下:

JavaScript鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup的用法和区别详解_第1张图片


2.下面用一段代码来了解和体验这些鼠标事件的用法:



	
		
		
		
		
		
		
		
	
	
		
		
0

鼠标移动事件onmousemove

0

鼠标移入事件onmouseover

0

鼠标移出事件onmouseout

0

鼠标移入事件onmouseenter

0

鼠标移出事件onmouseleave



运行结果如下:JavaScript鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup的用法和区别详解_第2张图片


查看大图:https://img-blog.csdn.net/20170926152616874?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRmFlcmlleXc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center



你可能感兴趣的:(前端)