当前位置: 代码迷 >> 综合 >> 鼠标事件mousemove、mouseover、mouseout、mouseenter、mouseleave
  详细解决方案

鼠标事件mousemove、mouseover、mouseout、mouseenter、mouseleave

热度:70   发布时间:2023-12-15 21:14:55.0

Mousemove:

当鼠标指针在元素内移动时,mousemove事件就会被触发,任何HTML元素都可以接受此事件。

Mousemove 事件是当鼠标指针移动时触发的,即使是一个像素。这意味着多个事件在短时间内被触发。如果处理器做任何重大的处理,或者如果该事件存在多个处理函数,这可能造成浏览器的严重的性能问题。因此,优化mousemove处理程序尽可能,这一点很重要,当不再需要他们时应尽快解除绑定。

一个常见的模式是在mousedown处理器内部绑定mousemove处理器,并在一个相应mouseup处理函数解除绑定。要实现这一系列事件,请记住,与 mouseup 事件相比,mouseup 事件可能会被发送到不同的 HTML 元素上。由于这个原因,mouseup 事件通常应该绑定在更高的 DOM 树中,例如 <body>。

<div id="outer">Outer<div id="inner"> Inner</div>
  相关解决方案