js监听鼠标点击和键盘点击事件并自动跳转页面

js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面，在学习的朋友可以参考下 $(function(){ var i = 0; [removed]=function(event){ if(i==1){ window.open('http://www.njxblog.com'); } //setTimeout(function (){window.open('//www.jb51.net')},2000); //定时不太好使，会被浏览器当成广告的 i++; }; var j = 0; [removed]=fun 在JavaScript编程中，事件处理是实现用户交互的关键技术。在这个示例中，主要涉及的是如何使用JavaScript来监听用户的鼠标点击（onmousedown）和键盘点击（onkeydown）事件，并在特定条件下自动跳转页面。让我们详细解析一下这个过程。 我们要了解`onmousedown`和`onkeydown`这两个事件： 1. `onmousedown`事件：当用户按下鼠标按钮时触发。它可以在任何可点击的元素上使用，如按钮、链接或图像。在这个例子中，全局地添加了`onmousedown`事件监听器，意味着无论用户在页面的哪个部分按下鼠标，都会触发该事件。 2. `onkeydown`事件：当用户按下键盘上的任意键时触发。同样，全局地添加`onkeydown`事件监听器意味着不论用户按下哪个键，都会激活这个事件。 代码中使用了一个变量`i`和`j`来跟踪鼠标和键盘事件的发生次数。当`i`或`j`等于1时，将执行`window.open`函数，打开指定的URL（在这个例子中是'http://www.njxblog.com'）。这意味着用户必须至少进行一次鼠标点击或键盘按键，才会触发页面跳转。 这里要注意的是，为了避免被浏览器识别为广告，没有使用定时器（`setTimeout`）来自动跳转。定时器可能会导致用户体验不佳，特别是如果设置的延迟时间较短，可能会被浏览器误判为弹窗广告。 另外，代码使用了jQuery的`$(function(){...})`，这是一个文档加载就绪的函数，确保在DOM（文档对象模型）完全加载后执行内部的代码，这样可以避免在DOM未完全构建时尝试访问元素导致的问题。 对于事件处理，JavaScript提供了一种更现代和推荐的方法，即使用`addEventListener`方法来添加事件监听器。以下是使用`addEventListener`重写上述代码的方式： ```javascript document.addEventListener('mousedown', function(event) { if (i === 1) { window.open('http://www.njxblog.com'); } i++; }); document.addEventListener('keydown', function(event) { if (j === 1) { window.open('http://www.njxblog.com'); } j++; }); ``` 这样，我们不仅保持了原有的功能，还使得代码更加模块化和易于维护。 提到的在线查询工具（javascript事件与功能说明大全：http://tools.jb51.net/table/javascript_event）是开发者非常有用的资源，可以帮助快速查找和理解JavaScript中的各种事件和函数，对于学习和工作都有很大的帮助。通过这样的工具，你可以轻松查阅不同类型的事件，比如鼠标事件、键盘事件、表单事件等，以及它们的详细行为和使用方法，从而提升你的JavaScript编程能力。