jquery中取消和绑定hover事件的实现代码.pdfVIP

在网页设计中， 我们经常使用 jquery 去响应鼠标的 hover 事件，和 mouseover 和 mouseout 事件有相同的效果，但是这其中其中如何使用 bind 去绑定 hover 方法呢？如何用 unbind 取 消绑定的事件呢？ 一、如何绑定 hover 事件 先看以下代码，假设我们给 a 标签绑定一个 click 和 hover 事件： $(document).ready(function(){ nbsp; $(a).bind({ nbsp; nbsp; hover: function(e) { nbsp; nbsp; nbsp; // Hover event handler nbsp; nbsp; nbsp; alert(hover); nbsp; nbsp; }, nbsp; nbsp; click: function(e) { nbsp; nbsp; nbsp; // Click event handler nbsp; nbsp; nbsp; alert(click); nbsp; nbsp; } nbsp; }); }); 当点击 a 标签的时候，奇怪的事情发生了，其中绑定的 hover 事件完全没有反应，绑定 的 click 事件却可以正常响应。 但是如果换一种写法，比如： $(a).hover(function(){ nbsp; alert(mouseover); }, function(){ nbsp; alert(mouseout); }) 这段代码就可以正常的运行，难道 bind 不能绑定 hover ？ 其实不是，应该使用 mouseenter 和 mouseleave 这两个事件来代替 ,(这也是 .hover() 函数中使用的事件 ) 所以完全可以直接像这样来引用 : $(document).ready(function(){ nbsp; $(a).bind({ nbsp; nbsp; mouseenter: function(e) { nbsp; nbsp; nbsp; // Hover event handler nbsp; nbsp; nbsp; alert(mouseover); nbsp; nbsp; }, nbsp; nbsp; mouseleave: function(e) { nbsp; nbsp; nbsp; // Hover event handler nbsp; nbsp; nbsp; alert(mouseout); nbsp; nbsp; }, nbsp; nbsp; click: function(e) { nbsp; nbsp; nbsp; // Click event handler nbsp; nbsp; nbsp; alert(click); nbsp; nbsp; } nbsp; }); }); 因为 .hover() 是 jQuery 自己定义的事件，是为了方便用户绑定调用 mouseenter 和 mouseleave 事件而已，它并非一个真正的事件，所以当然不能当做 .bind() 中的事件参数来调 用。 二、如何取消 hover 事件 大家都知道，可以使用 unbind 函数去取消绑定的事件，但是只能取消通过