滑鼠移入、移出觸發事件實作

2021-09-18 23:50:00

　　寫在标簽裡的移入/懸浮事件實作：

　　将滑鼠移至（懸浮）到某個标簽範圍内觸發事件或提示消息等效果實作的關鍵詞為：onmouseover。

　　代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <label id="test" onmouseover="alert(\'裝完B就跑，真TM刺激！\')">
        你瞅啥！？過來試試！
    </label>
</body>
</html>

　　實作效果：

　　如圖所示，當滑鼠移至label标簽範圍内的時候會觸發alert事件。

　　JS實作滑鼠移入、移出事件實作代碼如下：

　　 $(document).on(\'mouseenter\', \'#aaa\', function(){
        alert("滑鼠移入事件！");
    }).on(\'mouseleave\', \'#aaa\', function(){
        alert("滑鼠移出事件！");
    });