html5中的鼠标事件

1.html5的鼠标事件,常见的鼠标事件有:

onclick            当单击鼠标时运行脚本

ondblclick       当双击鼠标时运行脚本

ondrag            当拖动元素时运行脚本

ondragend      当拖动操作结束时运行脚本

ondragenter    当元素被拖动至有效的拖放目标时运行脚本

ondragleave    当元素离开有效拖放目标时运行脚本

ondragover     当元素被拖动至有效拖放目标上方时运行脚本

ondragstart     当拖动操作开始时运行脚本

ondrop            当被拖动元素正在被拖放时运行脚本

onmousedown           当按下鼠标按钮时运行脚本

onmousemove           当鼠标指针移动时运行脚本

onmouseout               当鼠标指针移出元素时运行脚本

onmouseover             当鼠标指针移至元素之上时运行脚本

onmouseup                当松开鼠标按钮时运行脚本

onmousewheel           当转动鼠标滚轮时运行脚本

onscroll                       当滚动元素滚动元素的滚动条时运行脚本

2.

鼠标事件,我们这里用ondblclick(当双击鼠标时运行脚本)来举例。

首先,新建一个html文档,代码:

fff

如图:html5中的鼠标事件_第1张图片

接下来,在h1的属性那里添加鼠标事件,代码:

fff

分析:

fff

这句的意思是双击fff就会执行run()函数,效果如图:

html5中的鼠标事件_第2张图片

 

你可能感兴趣的:(html5中的鼠标事件)