事件冒泡可能会导致始料不及的行为，特别是在错误的元素响应mouseover或mouseout事件的情况下。假设在我们的例子中，为<div>添加了一个mouseout事件处理程序。当用户的鼠标指针退出这个<div>时，会按照预期运行mouseout处理程序。因为这个过程发生在顶层元素上，所以其他元素不会取得这个事件。但是，当指针从<a>元素上离开时，<a>元素也会取得一个mouseout事件。然后，这个事件会向上冒泡到<span>和<div>，从而出发上述的事件处理程序。这种冒泡序列很可能不是我们所希望的。
而mouseenter和mouseleave事件，无论是单独绑定，还是在.hover()方法中组合绑定，都可以避免这个冒泡问题。在使用它们处理事件的时候，可以不用担心某些目标元素得到mouseover和mouseout事件导致的问题。
刚才介绍的mouseout的问题说明了限制事件作用域的必要性。虽然.hover()可以处理这种特殊情况，但在其他情况下，我们可能还需要从空间(阻止事件发送到某个元素)和时间(阻止事件在某些时间段发送)上限制某个事件。
最新文章
热门文章
猜你喜欢
