js动态添加hover事件

2023-09-24 墨初 Web前端 2118阅读

通常在前端web中鼠标滑过的事件都是在css中使用hover事件来监听，那么在js中该如何使用hover事件呢？下面73so博客就详细的说一下。

jquery中hover事件

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数

语法：

$(selector).hover(inFunction,outFunction)

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<div class="divs" style="width: 100px;height: 150px;border: 1px solid red;">
</div>
<script>
$(".divs").hover(function () {
    $('.divs').html('鼠标移入了');
}, function () {
    $('.divs').html('鼠标移出了');
});
</script>

注意：

1、当鼠标移动DIV时会提示“鼠标移入了”

2、当鼠标移出div时会提示“鼠标移出了”.