一 介绍
鼠标的按下或松开事件分别是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属性在事件发生时获取鼠标所在对象的名称,便于对该对象进行操作。
四 运行结果