Javascript鼠标事件

<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>

Leave a Reply

(will not be published)