html中js事件onmousedown,onmouseup有什么作用呢?


摘要:
下文讲述html中onmousedown,onmouseup事件的相关说明,如下所示;


onmousedown,onmouseup事件功能

onmousedown,onmouseup事件功能:
onmousedown事件用于当用户在html对象上按下鼠标时,触发相应的js事件
onmouseup事件用于当用户在html对象上松开鼠标时,触发相应的js事件
onmousedown事件语法:
<element onmousedown=”script”>
——–参数说明———
script:onmousedown中执行的脚本

onmouseup事件语法:
<element onmouseup=”script”>
——–参数说明———
script:onmousedown中执行的脚本

onmousedown,onmouseup事件注意事项: 
     1.目前市面上所有浏览器都支持此事件
     2.onmousedown,onmouseup事件不可用于以下标签 
      <base>
      <bdo>
      <br>
      <head>
      <html>
      <iframe>
      <meta>
      <param>
      <script>
      <style>
      <title> 
     3.当我们按下鼠标的左键和中键时,此时触发鼠标相关事件的顺序如下: 
       3.1 onmousedown
       3.2 onmouseup
       3.3 onclick 
    4.当我们按下鼠标的右键时,此时触发鼠标相关事件的顺序如下: 
       4.1 onmousedown
       4.2 onmouseup
       4.3 oncontextmenu


onmousedown,onmouseup事件举例说明

 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)
onmousedown,onmouseup事件举例说明
</title>
<script>
function mouseDown()
{
	document.getElementById("divTest").style.color="blue";
}

function mouseUp()
{
	document.getElementById("divTest").style.color="green";
}
</script>
</head>
<body>

<div id="divTest" onmousedown="mouseDown()" onmouseup="mouseUp()">
请点击我 
在鼠标按下时触发 mouseDown()函数,文本会变为蓝色
在鼠标松开时触发 mouseUp()函数,文本会变为绿色
</div>

</body>
</html>