鼠标的按下或松开事件

一 介绍

鼠标的按下或松开事件分别是onmousedown和onmouseup事件。

其中，onmousedown事件在鼠标按下时触发事件处理程序，onmouseup事件是在鼠标松开时触发事件处理程序。

在用鼠标单击对象时，可以用这两个事件实现动态效果。

 

二 应用

用事件制作超链接文本

用onmousedown和onmouseup事件将文本制作成类似于<a>（超链接）标记的功能，即在文本上按下鼠标时，改变文本的颜色，当在文本上松开鼠标时，恢复文本的默认颜色，并弹出一个空页（可以链接任意网页）。

 

三 代码

<p id="p1" style="color:#AA9900" onmousedown="mousedown()" onmouseup="mouseup()"><u>编程词典网</u></p>
<script language="javascript">
<!--
function mousedown(event)
{
 var e=window.event;
 var obj=e.srcElement;
 obj.style.color='#0022AA';
}
function mouseup(event)
{
 var e=window.event;
 var obj=e.srcElement;
 obj.style.color='#AA9900 ';
}
//-->
</script>

 

以上实例用event对象的srcElement属性在事件发生时获取鼠标所在对象的名称，便于对该对象进行操作。

 

四 运行结果