<script type="text/javascript"> function onmouseup_a(){ alert('当鼠标按钮被松开时执行脚本'); } function onmousemove_a(){ alert('当鼠标指针移动时执行脚本'); } function onmousedown_a(){ alert('当鼠标按钮被按下时执行脚本'); } function onmouseout_a(){ alert('当鼠标指针移出某元素时执行脚本'); } function onmouseover_a(){ alert('当鼠标指针悬停于某元素之上时执行脚本'); } function onclick_a(){ alert('当鼠标被单击时执行脚本'); } function ondblclick_a(){ alert('当鼠标被双击时执行脚本'); } </script>
例子如下:
<ul> <li onmouseup="onmouseup_a()" style="color:green">当鼠标按钮被松开时执行脚本</li> <li onmousemove="onmousemove_a()" style="color:red">当鼠标指针移动时执行脚本</li> <li onmousedown="onmousedown_a()" style="color:blue">当鼠标按钮被按下时执行脚本</li> <li onmouseout="onmouseout_a()" style="color:#666666">当鼠标指针移出某元素时执行脚本</li> <li onmouseover="onmouseover_a()" style="color:#DEDBD6">当鼠标指针悬停于某元素之上时执行脚本</li> <li onclick="onclick_a()" style="color:#222222">当鼠标被单击时执行脚本</li> <li ondblclick="ondblclick_a()" style="color:#111111">当鼠标被双击时执行脚本</li> </ul>