做一个简陋的小网站之:17.4监听键盘事件---(3)

最新推荐文章于 2024-09-11 14:14:35 发布

原创最新推荐文章于 2024-09-11 14:14:35 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

web开发同时被 2 个专栏收录

20 篇文章

订阅专栏

前端

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听键盘按键并实现网站跳转的方法。通过document.onkeypress事件捕获用户按键，根据按键值从预设的哈希表中获取对应网址，然后改变location.href属性实现页面跳转至新网址的功能。文章详细解释了代码实现过程，并提供了具体示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

首先监听错一下

在这里插入图片描述

发现没有什么卵用;
在这里插入图片描述

发现起作用了
在这里插入图片描述

在这里插入图片描述

再次优化
在这里插入图片描述

在这里插入图片描述

这里表示的是alt键有没有和key同时按；

在这里插入图片描述

点击key可以打开网站

location表示的意思是“当前地址栏”
href表示的是地址栏里面的地址；
在这里插入图片描述
效果：

在这里插入图片描述

document.onkeypress = function(xzkjcnxlkcjlk){
// console.log('我发现你输入了一个键')
// console.log('你按键的时候的所有信息是')
// console.log(xzkjcnxlkcjlk['key'])
key = (xzkjcnxlkcjlk['key'])//拿到用户按的键
website = hash[key] //得到键所对应的网站
console.log(website) //把当前地址变成新的网站的地址
location.href = 'http://'+website

}