鼠标事件

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>之间,也可对它进行改造,适合自己的需要。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值