onmouse – LPC影子技术分享 https://www.mudbest.com 行影不离,忘之却步. Mon, 01 Oct 2012 10:28:12 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.1.1 Javascript鼠标事件 https://www.mudbest.com/javascript%e9%bc%a0%e6%a0%87%e4%ba%8b%e4%bb%b6/ Wed, 13 Apr 2011 08:58:33 +0000 http://www.mudbest.com/?p=587 <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>
]]>