tmt*_*est 38 javascript javascript-events
是否有一种规范的方法来使用现有的onmouseover,onmouseout和某种计时器来设置JS onHover事件？或者只是当用户在元素上悬停一段时间时触发任意函数的任何方法.
Pet*_*ley 26
这样的事怎么样？
<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>
eye*_*ess 13
你能澄清一下你的问题吗？在这种情况下什么是"ohHover",它是如何对应于悬停时间的延迟？
那就是说,我想你可能想要的是......
var timeout;
element.onmouseover = function(e) {
timeout = setTimeout(function() {
// ...
}, delayTimeMs)
};
element.onmouseout = function(e) {
if(timeout) {
clearTimeout(timeout);
}
};
或者addEventListener/ attachEvent或者你最喜欢的图书馆的事件抽象方法.
Mik*_*keN 11
如果您使用JQuery库,则可以使用合并mouseover和mouseout事件的.hover()事件,并帮助您处理时间和子元素:
$(this).hover(function(){},function(){});
第一个功能是悬停的开始,下一个是结束.阅读更多信息:http: //docs.jquery.com/Events/hover
我认为你不需要/想要超时。
onhover（悬停）将被定义为“悬停”在某物上的时间段。恕我直言
onmouseover = start...
onmouseout = ...end
作为记录，我已经用它做了一些事情来“伪造”IE6 中的悬停事件。它相当昂贵，最终我为了性能而放弃了它。
| 归档时间： |
|
| 查看次数： |
141395 次 |
| 最近记录： |