js事件

浏览数：22 / 时间：2015年06月09日

1、判断鼠标事件

<script type="text/javascript">
function whichButton(event)
{
var btnNum = event.button;
if (btnNum==2)
  {
  alert("您点击了鼠标右键！")
  }
else if(btnNum==0)
  {
  alert("您点击了鼠标左键！")
  }
else if(btnNum==1)
  {
  alert("您点击了鼠标中键！");
  }
else
  {
  alert("您点击了" + btnNum+ "号键，我不能确定它的名称。");
  }
}

　　2、光标定位

<script type="text/javascript">
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐标: " + x + ", Y 坐标: " + y)
}
</script>
</head>

<body onmousedown="show_coords(event)">

<p>请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>

</body>

　　3、Event事件

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！

1）clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。

客户区指的是当前窗口。

2）注释：2 级 DOM 没有提供把窗口坐标转换为文档坐标的标准方法。在 IE 以外的浏览器，使用 window.pageXOffset 和 window.pageYOffset 即可。

3)screenX 事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。

4)cancelBubble:如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。

5)offsetX,offsetY:发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。

6)srcElement:对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。

7)x,y:事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。

4、window