http://klz.diy.myrice.com/html/js006.htm
应用脚本中的鼠标事件
作者:秋实
怎样实现当浏览者按下鼠标时出现一个提示,特别是不想让浏览者用鼠标右键弹出菜单以查看自己的源文件?
在脚本语言中,绝大多数标志对象都有鼠标事件,当鼠标移动到或点击这些标志对象时触发这些事件,在这里可向大家简单地介绍一下:
一、鼠标移动事件:
有两个事件:onMouseover与onMouseout,onMouseover是鼠标移动到一个标志对象上时引发该事件,而onMouseout则是在鼠标移出该标志对象时引发。
二、鼠标点击事件:
大致有onClick,onDbclick,onMouseDown,onMouseUp,下面我们分别讲述:
onClick:当鼠标单击时引发;
onDbclick:当鼠标双击时引发;
onMouseDown:当鼠标按下未弹起时引发;
onMouseUp:当鼠标按下后弹起时引发。
那么怎么检测是鼠标右键还是鼠标左键按下呢?这里就要用到window对象event子对象,event的button属性记录了鼠标的按键情况:
当event.button值为1时,表示按下鼠标左键;值为2时表示按下右键。
下面有一段程序,表示当用户按下不同的键时出现不同的提示:
<script>
function checkButton() {
if (window.event.button==1) alert("hello,你按了鼠标左键")//window.event.button记录了鼠标的按键情况
}
document.onMousedown=checkButton
</script>
上面这段程序有一个值得注意的地方,就是将checkButton函数赋给了onMouseDown事件,而不是在标志body中 写<body onMousedown="checkButton()"> ,这样便于程序修改及免除不必要的书写错误。
你可将上面这段程序加入HTML文档中任一个地方,当然最好加在<head></head>之间,也可对它进行改造,适合自己的需要。