首页 > web前端 > js教程 > jquery事件中mouseover与hover的不同?

jquery事件中mouseover与hover的不同?

黄舟
发布: 2017-06-28 13:36:26
原创
1088 人浏览过

hover包括了鼠标移到对象上,同时鼠标再移出对象的过程,相应的子类也被选中了。

而mouseover是鼠标经过对象时,不包含他的子类同时被选中。

主要区别在于 hover元素的子类上也有添加了事件驱动。而mouseover 只对当前元素添加事件驱动。

且 hover 事件包含mouseover 事件

mousemove(fn);
登录后复制

在每一个匹配元素的mousemove事件中绑定一个处理函数

hover(over, out);

一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态

当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(对子类的检测),如果是,则会继续保持“悬停”状态,而不触发移出事件(mouseout)。

$("td").hover(function () {  
    $(this).addClass("hover");  
    },function () {  
    $(this).removeClass("hover");  
});
登录后复制

以上是jquery事件中mouseover与hover的不同?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板