Javascript onHover事件
Javascript onHover事件
提问于 2008-11-04 17:59:48
有没有一种规范的方法来使用现有的onmouseover、onmouseout和某种计时器来设置JS onHover事件？或者，当且仅当用户将鼠标悬停在元素上一段时间时，触发任意函数的任何方法。
回答 4
Stack Overflow用户
发布于 2008-11-04 19:50:40
像这样怎么样？
<html>
<head>
<script type="text/javascript">
var HoverListener = {
addElem: function( elem, callback, delay )
{
if ( delay === undefined )
{
delay = 1000;
}
var hoverTimer;
addEvent( elem, 'mouseover', function()
{
hoverTimer = setTimeout( callback, delay );
} );
addEvent( elem, 'mouseout', function()
{
clearTimeout( hoverTimer );
} );
}
}
function tester()
{
alert( 'hi' );
}
// Generic event abstractor
function addEvent( obj, evt, fn )
{
if ( 'undefined' != typeof obj.addEventListener )
{
obj.addEventListener( evt, fn, false );
}
else if ( 'undefined' != typeof obj.attachEvent )
{
obj.attachEvent( "on" + evt, fn );
}
}
addEvent( window, 'load', function()
{
HoverListener.addElem(
document.getElementById( 'test' )
, tester
);
HoverListener.addElem(
document.getElementById( 'test2' )
, function()
{
alert( 'Hello World!' );
}
, 2300
);
} );
</script>
</head>
<body>
<div id="test">Will alert "hi" on hover after one second</div>
<div id="test2">Will alert "Hello World!" on hover 2.3 seconds</div>
</body>
</html>Stack Overflow用户
发布于 2008-11-04 18:02:43
你能澄清你的问题吗？在这种情况下，什么是"ohHover“，它如何对应于悬停时间的延迟？
也就是说，我想你可能想要的是...
var timeout;
element.onmouseover = function(e) {
timeout = setTimeout(function() {
// ...
}, delayTimeMs)
};
element.onmouseout = function(e) {
if(timeout) {
clearTimeout(timeout);
}
};或者addEventListener/attachEvent或者你最喜欢的库的事件抽象方法。
Stack Overflow用户
发布于 2009-06-04 16:29:58
如果您使用JQuery库，则可以使用.hover()事件，它合并了mouseover和mouseout事件，并帮助您处理时间和子元素：
$(this).hover(function(){},function(){});第一个函数是悬停的开始，下一个是结束。有关更多信息，请访问：http://docs.jquery.com/Events/hover
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/262740
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号