jquery鼠標移入移出,jquery鼠標移入移出代碼

jquery鼠標移入移出

mouseenter(進入)、mouseleave、mouseover(覆蓋)和mouseout是常用來判斷鼠標移出和移入的事件句柄，雖然功能上差不多，但是細節卻有不同的地方。

站在用戶的角度思考問題，與客戶深入溝通，找到蕪湖縣網站設計與蕪湖縣網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：網站建設、成都網站建設、企業官網、英文網站、手機端網站、網站推廣、域名注冊、網絡空間、企業郵箱。業務覆蓋蕪湖縣地區。

mouseover和mouseout在父元素和其子元素都可以觸發，當鼠標穿過一個元素時，觸發次數得依子元素數量而言。

mouseenter和mouseleave只在父元素觸發，當鼠標穿過一個元素時，只會觸發一次。

mouseover和mouseout比mouseenter和mouseleave先觸發

因此一般mouseover和mouseout一起使用，mouseenter和mouseleave一起使用

Jquery鼠標移入和移出、點擊事件,點擊變色，鼠標移出又變回原來的樣式

你只要明白事件觸發的順序就知道原因了：當你鼠標移到div上的時候，觸發mouseenter事件，點擊的時候觸發click事件，然后鼠標移走觸發mouseleave事件。

例如：var

test=0;

$("#div1").delegate("a",

"mouseenter",

function()

{

test=1;

}).delegate("a",

"mouseleave",

function()

{

test=2;

});

$("#div1").delegate("a",

"click",

function()

{

test=3;

});

當你鼠標移動到div上點擊之后鼠標再移走，最后觸發的事件是mouseleave事件，此時test是2而不是三。你可以測試一下

前端 jQuery鼠標移入移出

mouseover() 鼠標進入（進入子元素也觸發）

mouseout() 鼠標離開（離開子元素也觸發）

mouseenter() 鼠標進入（進入子元素不觸發）

mouseleave() 鼠標離開（離開子元素不觸發）

文章題目：jquery鼠標移入移出,jquery鼠標移入移出代碼
瀏覽地址：http://m.kartarina.com/article8/dseeiop.html

成都網站建設公司_創新互聯，為您提供標簽優化、Google、自適應網站、云服務器、定制網站、網站排名

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯