jQuery-鼠标事件及使用unbind移除mouseover、mouseout、mousemove绑定

$item.mouseover(function(){//鼠标滑入
    ...
}).mouseout(function(){//鼠标滑出
    ...
}).mousemove(function(){//鼠标移动
    ...
});

如上,对dom绑定了鼠标事件,那么如何解除绑定呢?如下设置即可:

$item.unbind('mouseover').unbind('mouseout').unbind('mousemove');

实现一个简单的功能:鼠标滑入时,显示提示信息,滑出时,提示信息消失,移动过程中,提示信息跟随鼠标移动。

jQuery-鼠标事件及使用unbind移除mouseover、mouseout、mousemove绑定_第1张图片

完整代码如下:

 



	
	
	
	


	
鼠标在这个区间内滑动,滑入显示提示信息,并且提示信息在滑动过程中跟着鼠标移动

 

 

你可能感兴趣的:(jQuery学习笔记)