客户提了一个需求,无鼠标键盘操作一段时间时,跳转页面到首页,做了一下午,搞定!
<html>
<head>
<script type="text/javascript">
function ScreenSaver(settings){
this.settings = settings;
this.nTimeout = this.settings.timeout;
document.body.screenSaver = this;
// link in to body events
document.body.onmousemove = ScreenSaver.prototype.onevent;
document.body.onmousedown = ScreenSaver.prototype.onevent;
document.body.onkeydown = ScreenSaver.prototype.onevent;
document.body.onkeypress = ScreenSaver.prototype.onevent;
var pThis = this;
var f = function(){pThis.timeout();}
this.timerID = window.setTimeout(f, this.nTimeout);
}
ScreenSaver.prototype.timeout = function(){
if ( !this.saver ){
window.location = 'http://www.baidu.com';
}
}
ScreenSaver.prototype.signal = function(){
if ( this.saver ){
this.saver.stop();
}
window.clearTimeout(this.timerID);
var pThis = this;
var f = function(){pThis.timeout();}
this.timerID = window.setTimeout(f, this.nTimeout);
}
ScreenSaver.prototype.onevent = function(e){
this.screenSaver.signal();
}
var saver;
function initScreenSaver(){
//blort;
saver = new ScreenSaver({timeout:5000});
}
function window.onload(){
initScreenSaver();
}
</script>
</head>
<body>
</p>5秒不动就跳转
</body>
</html>
分享到:
相关推荐
总结来说,通过本文,我们可以学习到如何在JavaScript中设置事件监听器,如何处理鼠标的点击事件和键盘的按键事件,以及如何利用这些事件实现页面跳转。此外,我们还了解到了一个实用的在线资源,可以用来查询和学习...
在JavaScript编程中,"全面屏蔽鼠标键盘"通常指的是在特定情况下阻止用户通过鼠标或键盘对网页进行交互的技术。这在某些特殊应用场景下是必要的,比如实现全屏展示、游戏、或者防止恶意用户操作等。接下来,我们将...
### JavaScript鼠标事件详解 #### 一、概述 在前端开发中,JavaScript的鼠标事件是非常重要的交互方式之一。本文档详细介绍了各种鼠标事件及其应用场景,并扩展到了其他与用户交互相关的事件类型,例如键盘事件、...
### JavaScript鼠标事件汇总详解 #### 一、基本概念与作用 在前端开发中,JavaScript(简称JS)作为主要的脚本语言,对于处理用户交互至关重要。鼠标事件是JS中最常见的一种事件类型,它能帮助开发者捕捉用户的...
标题“支持按键盘方向键实现翻页跳转的效果”表明我们关注的是一个使用JavaScript(JS)实现的功能,允许用户通过按下键盘上的方向键上(Up)和下(Down)来浏览页面内容或在页面之间切换。这种效果通常应用于网页的...
这个“支持按键盘方向键翻页跳转的代码”就是一个典型的例子,它利用JavaScript(简称JS)实现了用户可以使用键盘的左右方向键(← →)或PageUp、PageDown键来翻页的功能。这样的功能对于阅读长篇文章或者浏览多...
2. **事件处理**:JS可以监听并响应用户的各种交互,如点击(`click`)、鼠标移动(`mousemove`)、键盘操作(`keydown`)等。通过`addEventListener`或`attachEvent`来绑定事件,用`removeEventListener`或`...
在网页应用中,为了保障用户的安全性和保持会话的有效性,常常需要在用户无操作达到一定时间后自动跳转到登录页面,以便重新验证用户的身份。这个功能在JS(JavaScript)中可以轻松实现,主要利用了`setTimeout()`和...
### JS鼠标事件大全详解 JavaScript 是一种广泛应用于网页开发中的脚本语言,它能够通过处理各种事件来增强页面的交互性。其中,鼠标事件是非常重要的一部分,它们允许开发者响应用户的鼠标操作,比如点击、移动等...
总之,"鼠标左右拖动,键盘左右移动,点击箭头左右移动内容"是提高网页交互性和用户体验的重要手段,涉及到的技术包括JavaScript事件处理、DOM操作以及可能的前端库或框架的使用。通过这些技术,我们可以创建出更加...
JavaScript 鼠标事件是Web开发中不可或缺的一部分,它们使得网页与用户的交互更加丰富和动态。下面是对这些事件的详细解释: ...熟练掌握这些JavaScript鼠标事件,将极大地提升Web应用的用户体验。
其次,页面跳转是用户界面中的常见操作,涉及用户体验和应用流程。多种页面跳转方式包括:平滑滚动(页面内部元素的滚动)、锚点链接(跳转到同一页面的特定位置)、路由跳转(适用于单页应用)以及传统的HTTP跳转。...
JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互时,鼠标事件和键盘事件扮演着重要角色。本篇文章将深入解析JavaScript中的鼠标事件、键盘事件、页面相关事件、表单相关事件以及一些特殊事件,帮助你...
- onDblClick:鼠标双击时触发,常用于快速打开链接或执行特殊操作。 - onMouseDown:鼠标按钮被按下时触发,可用于拖放操作的开始。 - onMouseUp:鼠标按钮松开时触发,通常与onMouseDown一起用于实现拖放功能。...
6. **无障碍设计(Accessibility)**:无障碍层拖拽需要考虑到键盘导航和屏幕阅读器的支持。例如,设置适当的`tabindex`属性和`aria-*`属性,以及确保没有依赖于视觉反馈的功能。 7. **阻止默认行为**:在拖拽过程中...
对于网易邮箱6.0的介绍,开发者可能还会利用fullPage.js的插件功能,比如添加一个交互式的侧边栏(sidemenu)插件,让用户可以快速跳转到感兴趣的页面部分。或者,使用parallax插件来实现视差背景效果,提升页面的...
读者将了解到如何监听并响应用户的输入,如鼠标点击、键盘按键等,从而实现诸如弹出对话框、导航跳转等功能。这对于创建用户交互性极强的网页至关重要。 在函数和对象这部分,作者会讲解如何使用函数作为模块化代码...
- onunload:页面即将卸载时触发,例如跳转到其他页面。 4. 表单相关事件: - onblur:元素失去焦点时触发。 - onchange:元素内容改变且失去焦点时触发。 - onfocus:元素获得焦点时触发。 - onreset:表单...