html5中的鼠标事件

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

onclick            当单击鼠标时运行脚本

ondblclick       当双击鼠标时运行脚本

ondrag            当拖动元素时运行脚本

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

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

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

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

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

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

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

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

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

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

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

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

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

2.

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

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

<!DOCTYPE HTML>

<html>

<body>

<h1>fff</h1>

</body>

</html>

如图:

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

<!DOCTYPE HTML>

<html>

<body>

<script type="text/javascript">

function run(){

alert("vvv");

}

</script>

<h1 ondblclick="run();">fff</h1>

</body>

</html>

分析:<h1 ondblclick="run();">fff</h1>这句的意思是双击fff就会执行run()函数,效果如图:

猜你喜欢

转载自blog.csdn.net/qq_41730703/article/details/89175235
今日推荐