鼠标移入、移出触发事件实现

　　写在标签里的移入/悬浮事件实现：

　　将鼠标移至（悬浮）到某个标签范围内触发事件或提示消息等效果实现的关键词为：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("鼠标移出事件！");
    });

　　

posted @ 2018-08-24 17:29  ヤBig、Bossづ  阅读(11135)  评论(0)  编辑  收藏  举报