开发学院网页设计 JavaScript JavaScript Event学习第九章：鼠标事件阅读

JavaScript Event学习第九章：鼠标事件

　2010-03-30 00:00:00　来源：WEB开发网　　　

核心提示：先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout，然后还会解释一下relatedTarget,fromElement和toElement这些事件属性，JavaScript Event学习第九章：鼠标事件，最后是微软

先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件属性。最后是微软的 mouseenter和mouseleave事件。

浏览器的兼容性问题，可以在浏览器兼容性列表查看。

例子

这里有一个例子。可以帮助理解下面的内容。

mousedown，mouseup，click和dblclick在这个链接上注册。可以再下面的文本框里面查看。或者在对话框里面。（请在原文里尝试：http://www.quirksmode.org/js/events_mouse.htm）

Mousedown,mouseup,click

如果用户在一个元素上点击，那么最少三个事件会被触发，顺序是这样的：

1、mousedown,当用户在这个元素上按下鼠标键的时候

2、mouseup，当用户在这个元素上松开鼠标键的时候

3、click，当一个mousedown和一个mouseup都在这个元素上被检测到的时候发生

通常mousedown和mouseup比click有用。有些浏览器不允许你读取onclick的事件信息。而且有时候用户用鼠标做出某些动作click事件没有跟上。

假设用户在一个链接上按下了鼠标键，然后把鼠标挪开了并且挪开后松开了鼠标键。那么这时候这个链接就仅仅发生了mousedown事件。类似的，用户在点击鼠标之后挪到了链接上，那么链接就仅有mouseup发生。这两种情况都没有click事件发生。

这是不是一个问题取决于用户的行为。但是你应该注册onmousedown/up事件，除非你就是完全想click发生。