JavaScript实现双击鼠标自动滚动屏幕的代码示例
作者:异步漫步时间:2026-10-27 19:38:47浏览:276
本文提供一段JavaScript代码,通过监听鼠标双击事件触发setInterval定时器,配合window.scroll方法实现页面自动向上滚动。代码包含开始滚动、停止滚动及检测滚动位置变化的逻辑,适用于需要自动浏览长页面的场景。
JavaScript实现双击屏幕自动滚动的代码示例
具体实现方式如下所示:
代码片段如下:
<html>
<head>
<script language="javascript" type="text/javascript">
//实现鼠标双击时屏幕自动滚动的逻辑
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if(currentpos !=document.body.scrollTop)
{
sc();
}
}
document.onmousedown=sc; //用于停止滚动
document.ondblclick=initialize; //用于启动滚动
</script>
</head>
<body>
<%
for i=1 to 100
%>
<p>演示双击屏幕触发Js滚动的代码</p>
<%
next
%>
</body>
</html>作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
