jquery,怎样可以让鼠标停留在某一区域不少于1秒才会执行代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery,怎样可以让鼠标停留在某一区域不少于1秒才会执行代码相关的知识,希望对你有一定的参考价值。
//鼠标 焦点 在 图形某一区域上。 myChart.on(ecConfig.EVENT.HOVER, eJiaoDianON); function eJiaoDianON(param) //判断如果 鼠标在 区域内 停留 1000ms 之后 才会执行 代码 未实现 setTimeout(function () console.log(param.value); , 500); ; 从 其他 地方 看到,基本上 都是 通过 选择器 的 hover 时间来 进行 操作。但是 因为 我这是 Echarts 地图 中 鼠标悬停 操作,所以 没有 不知道能不能通过选择器 来 操作 hover ,只有 一个 param 参数,参数内 包含了 地图 鼠标 当前 所 悬停 区域 的 参数和内容。 这是从别处 看到的
参考技术A 加个定时器,延迟一秒执行,给这个区域加一个鼠标离开事件。离开就关闭那个定时器,就可以了。 参考技术B 4每到秋天我都在想,春天的时候一定有好多好多人把好多好多种在了地下。。。X-看·头-像-M
怎样用JQuery实现当鼠标停留在某区域3秒后执行方法
参考技术A <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<style type="text/css">
.mainwidth:500px;height:400px;border:dashed 1px #ccc;margin:0 auto;line-height:400px;text-align:center;
</style>
<body>
<script type="text/javascript">
$(function()
$(".main").mouseover(function()
setTimeout(function()
alert('当你的鼠标移动到框体时,我会延迟3秒才显示哦!');
,3000)
);
)
</script>
<div class="main">把鼠标移入此框体中,等待3秒。</div>
</body>
</html> 参考技术B 假设这个区域:<div id="div1"></div>
var timer = setTimeout(function()
$("#div1").mouseover(function()
//执行方法
);
, 3000); 参考技术C acmesky的是对的
以上是关于jquery,怎样可以让鼠标停留在某一区域不少于1秒才会执行代码的主要内容,如果未能解决你的问题,请参考以下文章
OSPF的邻居状态有哪些?如果停留在某一状态是什么原因。(总结)