Question

js 检测鼠标停留在某个元素上的时间

比如我有一个div元素<div id="div"> 更多</div>
我的效果是：当鼠标停留在“更多”上超过1秒时执行相应的js语句，否则不执行任何代码！

Answer 1

div上绑定一个hover事件，并开始计时。以jquery为例。

var tid = 0;
$( "#div" ).hover( function() {
   tid = setTimeout( function() {
        //当触发hover就开始自动在1秒后执行相应代码
    }, 1000 );
}, function() {
    clearTimeout( tid );//当在1秒内退出了hover事件就取消计时代码
} );

Answer 2

var timer=null;
$(".top_right_a").hover(function(){

timer=setTimeout(function(){
$(".box_news").show();
//这里写你要做的事

},1000);
},function(){
clearTimeout(timer);
});

Answer 3

当鼠标停留在“更多”上超过1秒时执行相应的js语句。我也需要啊