当前位置:  开发笔记 > 编程语言 > 正文

Javascript onHover事件

如何解决《JavascriptonHover事件》经验,为你挑选了3个好方法。

是否有一种规范的方法来使用现有的onmouseover,onmouseout和某种计时器来设置JS onHover事件?或者只是当用户在元素上悬停一段时间时触发任意函数的任何方法.



1> Peter Bailey..:

这样的事怎么样?






Will alert "hi" on hover after one second
Will alert "Hello World!" on hover 2.3 seconds



2> eyelidlessne..:

你能澄清一下你的问题吗?在这种情况下什么是"ohHover",它是如何对应于悬停时间的延迟?

那就是说,我想你可能想要的是......

var timeout;
element.onmouseover = function(e) {
    timeout = setTimeout(function() {
        // ...
    }, delayTimeMs)
};
element.onmouseout = function(e) {
    if(timeout) {
        clearTimeout(timeout);
    }
};

或者addEventListener/ attachEvent或者你最喜欢的图书馆的事件抽象方法.



3> MikeN..:

如果您使用JQuery库,则可以使用合并mouseover和mouseout事件的.hover()事件,并帮助您处理时间和子元素:

$(this).hover(function(){},function(){});

第一个功能是悬停的开始,下一个是结束.阅读更多信息:http: //docs.jquery.com/Events/hover


问题中没有提到jQuery.
推荐阅读
放ch养奶牛
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有