JavaScript能不能做鼠标悬停一段时间就自动跳转页面

Exypnos 2017-07-16 10:57:18
刚开始学JS,最近做的一个作品里涉及到要求鼠标悬停一段时间就自动跳转到某个页面,有没有大神指导下的
...全文
324 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2017-07-17
  • 打赏
  • 举报
回复
引用 3 楼 weixin_38491787 的回复:
[quote=引用 2 楼 jslang 的回复:]
<div id="test">鼠标悬停处</div>
<script type="text/javascript">
var obj = document.getElementById("test");
var timer;
obj.onmouseenter = function () {
	timer = setTimeout(function(){
		location.href = "https://www.baidu.com/";
	}, 2000);
}
obj.onmouseleave = function () {
	clearTimeout(timer);
}
</script>
您这个好像是写的在鼠标移入或者移出DIV执行跳转,但是我这里的DIV是整个页面的,不存在移出DIV的情况,请问您有没有思路[/quote] 不存在移出DIV的情况,去掉下面代码 obj.onmouseleave = function () { clearTimeout(timer); }
Exypnos 2017-07-17
  • 打赏
  • 举报
回复
引用 2 楼 jslang 的回复:
<div id="test">鼠标悬停处</div>
<script type="text/javascript">
var obj = document.getElementById("test");
var timer;
obj.onmouseenter = function () {
	timer = setTimeout(function(){
		location.href = "https://www.baidu.com/";
	}, 2000);
}
obj.onmouseleave = function () {
	clearTimeout(timer);
}
</script>
您这个好像是写的在鼠标移入或者移出DIV执行跳转,但是我这里的DIV是整个页面的,不存在移出DIV的情况,请问您有没有思路
天际的海浪 2017-07-16
  • 打赏
  • 举报
回复
<div id="test">鼠标悬停处</div>
<script type="text/javascript">
var obj = document.getElementById("test");
var timer;
obj.onmouseenter = function () {
	timer = setTimeout(function(){
		location.href = "https://www.baidu.com/";
	}, 2000);
}
obj.onmouseleave = function () {
	clearTimeout(timer);
}
</script>
Madman_long 2017-07-16
  • 打赏
  • 举报
回复
应该可以!做个判断!如果鼠标悬停触发函数!里面添加条件停留多长时间自动跳转页面!

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧