Jquery中的bind()方法可以綁定多種事件,其中包括mouseenter事件。
$(selector).bind("mouseenter",function(){ //mouseenter事件觸發(fā)后的操作 });
mouseenter事件在鼠標進入元素時觸發(fā),與mouseover事件不同,其不會冒泡;也就是說,當鼠標移動到子元素上時,并不會觸發(fā)父元素的mouseenter事件。
以下是mouseenter事件的示例:
$("div").bind("mouseenter",function(){ $(this).css("background-color","#eee"); //當鼠標進入div時,背景顏色變?yōu)榛疑? }); $("div").bind("mouseleave",function(){ $(this).css("background-color","#fff"); //當鼠標離開div時,背景顏色變?yōu)榘咨? });
以上代碼中,當鼠標進入div元素時,通過改變背景顏色來表明鼠標已進入;當鼠標移出div元素時,背景顏色又恢復為原來的顏色。
使用mouseenter事件可以實現(xiàn)更細致的鼠標操作,既可以提高用戶體驗,也可以美化頁面。