鼠標移入、移出觸發事件實現


  寫在標簽里的移入/懸浮事件實現:

  將鼠標移至(懸浮)到某個標簽范圍內觸發事件或提示消息等效果實現的關鍵詞為: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("鼠標移出事件!");
    });

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM