hi,欢迎访问本站!
当前位置: 首页Web前端正文

js动态添加hover事件

墨初 Web前端 593阅读

通常在前端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时会提示“鼠标移出了”.

声明:无特别说明,转载请标明本文来源!