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