javascript 中键盘快捷键（键盘事件）

已于 2022-03-22 15:31:08 修改
阅读量3.3k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2022-03-22 14:46:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KLS_CSDN/article/details/123660546
版权

如果想要在javascript中使用快捷键，可以利用，

event.ctrlKey、event.shiftKey、event.altKey

来进行判断。

对应的是ctrl shift 与alt 按键。

事件属性可返回一个布尔值 true false 1或者0

键盘事件 包括onkeypress  键盘按键被按下并释放时触发的、onkeydown 在键盘上某个按键被按下触发，onkeyup 键盘上某个按键按下并松开时触发。一般都用于快捷键的操作。

KLW75
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 键盘事件总结 推荐
12-12
在form中， submit的快捷键是 enter，reset的快捷键是 esc。不过在IE6,safari4,ff3.5,opera10,chrome中，按Enter，不但激发form的submit事件，同时也会激发提交按钮的onclick，激发顺序为提交按钮的 onclick →　form 的 onsubmit。 键盘事件 键盘事件 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]不过并不止提交按钮会激发form的submit事件，连同上面的归纳如下： 1. 如果表单里有一个type=”submit”的按钮，回车键生效。 2. 如果表单里只有一个type=”te
javascript onkeydown实现键盘快捷键控制页面
10-30
javascript onkeydown实现键盘快捷键控制页面
JS实现页面快捷键功能
Sun_blog
04-30 6735
JS实现页面快捷键功能 JS实现页面快捷键功能一共分为三步： 第一步：绑定onkeydown事件； 第二步：阻止默认按键功能； 第三步：验证键码，调用功能函数； 绑定事件 首先，实现页面快捷键我们需要用到 onkeydown事件,onkeydown 事件会在用户按下键盘时触发。 我们将其绑定到 window上：window.onkeydown。 阻止默认功能 然后，通过event.preventDefault() 方法阻止掉按键原有的功能，为我们绑定上新的功能做好准备工作。 ps: 当然 event.
JS设置键盘快捷键、组合键
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
05-17 1442
【代码】JS设置键盘快捷键、组合键。
JavaScript快捷键库keycode.js.zip
07-17
KeyCode.js 是个跨浏览器的 JavaScript 常规键盘快捷键库。这个库围绕键盘对象来运行，还有一些 { Int code, bool shift, bool alt, bool ctrl } JavaScript 对象，记录用户按下的键盘对象。translate_event() 方法会返回其中一个对象； hot_key() 获取其中一个然后返回一个符合 JQuery HotKey 插件或者  Binny V A's shortcut.js 库的字符串。支持： - Firefox 2.0.0.12 for Linux - Konqueror 3.5.8 for Linux - Opera 10 for Linux - Firefox 2.0.0.16 for Windows - Firefox 3.0.3 for Windows - Google Chrome 0.2.149.30 for Windows - IE 6.0 for Windows - IE 7.0 for Windows - Opera 9.5.1 for Windows - Safari 3.0 for Windows 标签：keycode
js设置快捷键
10-24
这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键，它没有依赖，压缩只有只有(~3kb)。http://jaywcjlove.github.io/hotkeys/
js 快捷键
solocao的专栏
11-25 521
直接上代码 document.onkeydown = onKeyDown; function onKeyDown() { if (window.event.ctrlKey && (window.event.keyCode == 69)) { alert("ctrl+e"); } } 键码值如下 字母和数字键的键码值(keyCode) ...
JS快捷键
活着
03-11 711
function KeyDown(){ //屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键  //alert("ASCII代码是："+event.keyCode);  if ((window.event.altKey)&&  ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←  (window.event.keyCode==39))
javascript快捷键
Better_me_1996的博客
11-24 428
javascript快捷键 加单行注释：ctrl + / 加上或者去掉多行注释：shift + Alt + A
codex.shortcuts:微库，用于在Javascript中调度键盘快捷键
05-01
CodeX快捷方式 CodeX快捷方式是一个微库，用于在Javascript中调度键盘快捷键。 您不需要外部依赖项。 安装 包可在NPM上获得 npm install @codexteam/shortcuts --save 用法 如果使用Webpack或ES6，则需要模块 const Shortcut = require ( '@codexteam/shortcuts' ) ; 或者 import Shortcut from '@codexteam/shortcuts' 创建快捷方式 库作为类提供，因此要创建新的快捷方式，请使用指定的选项创建一个Shortcut实例。 例子： let cmdA = new Shortcut ( { name : 'CMD+A' , on : document . body , callback : function ( eve
keyboardChrome:chrome 上的键盘快捷键
07-13
键盘Chrome chrome 上的键盘快捷键 使用此选项可允许 chrome 上的键盘快捷键。 获取步骤 1.将脚本保存在书签上 2.加载页面 3.点击书签 4.现在按[1]键这将打开谷歌 如果您正在做一些您不应该做的事情，并且您需要快速退出页面时按下书签，这将非常有用，当您需要快速打开其他内容时，请按 1 享受您在页面上的时光。 您可能会问，为什么不简单地按下 x 图标，同时按下我的书签就像 x 按钮一样，只是它推迟了操作，您可以在需要时使用 [1] 快速退出页面。 如果您希望书签打开某个内容，将或更改为您想要的内容，您必须在链接上拥有 http 协议，以便它向您发送到您的页面。
Javascript暂停键盘快捷键「Javascript Pause Keyboard Shortcut」-crx插件
03-09
允许您通过键盘上的pause按钮暂停脚本执行。 有时您需要暂停javascript执行，但无法移动鼠标或失去焦点。 此扩展名使您可以通过按键盘上的“暂停”来冻结页面。 用法：1.打开Chrome开发者工具2.使用键盘快捷键（默认为暂停/中断）功能：-选择自己的键盘快捷键错误和已知问题：-尚未在Mac上进行过测试。 欢迎反馈。 -更改键盘快捷键时，某些键组合显示不正确。 支持语言:English
react-shortcuts:从一处管理键盘快捷键
04-14
React快捷方式 从一个位置管理键盘快捷键。 介绍 管理键盘快捷键有时会变得混乱。 如果没有正确的方法实施，还是总是如此。 实际问题： 您无法轻易分辨出哪个快捷方式绑定到哪个组件 您必须编写很多样板代码（ addEventListeners ， removeEventListeners ，...） 如果组件无法正确删除其侦听器，则内存泄漏是一个真正的问题 平台特定的快捷方式是另一个令人头疼的问题 实现诸如用户定义的快捷方式之类的功能更加困难 您无法轻松获取并显示所有应用程序快捷方式（例如，在设置中） React救援的捷径！ 使用react-shortcuts您可以声明性地管理每个React组件的快捷键。 React快捷键的重要部分： 您的keymap定义 ShortcutManager ，用于处理keymap <Shortcut>组件，用于处理快捷方式 尝试在线演示 快速导
js快捷键设置
03-27
js快捷键设置
javascript 将数组转化为字符串的方式
热门推荐
KLW75
02-28 2万+
基本上可以通过三种方式、 1、toString（） 2、toLoacleString（） 3、join（） 1、toString（） 这个方式可以把数组转换为字符串，而且会返回结果 list表示数组名 list.toString() 返回值是字符串，与没有参数的join（）的方法返回的字符串相同。 转换之后的字符串，之间是用逗号进行分隔的。 2、toLocaleString（） 用于将数组转化成本地的字符串、返回值是本地字符串、 注意这里是 将每个数组元素的toLocale
echarts 中x轴 设置步长，间隔的距离
KLW75
11-05 2万+
如果你已经使用了 echarts xAxis: { axisLabel: { interval:5 }, }, 在 xAxis 下面 axisLabel 里面的 interval 值即可。 interval 为 0 时，所有的标签都显示出来， interval 表示步长，两个标签之间的间隔。 ...
javascript 输出数组元素内容（获取数组元素内容）
KLW75
02-23 1万+
javascript 中数组对象的元素值输出的，这里记录3种 1、通过下标来获取数组元素值。 通过数组对象的下标获取制定的元素值，例如：获取元素中第1个元素的值， list = new Array(1,2,3,4,5) var a = list[0] 这样a 就是list 的第一个元素的值了。 重要 ，这里要是输出的元素的下标超过了数组的范围，那么就会输出 undefined了 只有两项的数组，输出数组的第三项的值就会获得undefined。 2、用for 语句获取数组的元素值 用这个
如何在搜索栏中添加键盘快捷键Enter
最新发布
07-13
要在搜索栏中添加键盘快捷键Enter来触发搜索功能，你可以使用JavaScript来实现。以下是一个示例代码： ```html <form id="search-form" action="/search" method="get"> <input type="text" name="query" placeholder="输入搜索内容"> <button type="submit">搜索</button> </form> <script> document.getElementById("search-form").addEventListener("submit", function(event) { event.preventDefault(); // 阻止表单的默认提交行为 performSearch(); }); document.getElementById("search-form").addEventListener("keydown", function(event) { if (event.key === "Enter") { event.preventDefault(); // 阻止按下Enter键后的默认行为（如提交表单） performSearch(); } }); function performSearch() { var query = document.querySelector("#search-form input[name='query']").value; // 进一步处理搜索操作，比如跳转到搜索结果页面或者使用AJAX请求获取搜索结果 console.log("Perform search for: " + query); } </script> ``` 在上面的代码中，我们给表单元素添加了两个事件监听器。第一个监听器在表单提交时触发，阻止了默认的表单提交行为，并调用 `performSearch()` 函数来处理搜索操作。第二个监听器在按下键盘上的任意键时触发，检查按下的键是否是Enter键，如果是，则阻止默认行为，并同样调用 `performSearch()` 函数。 在 `performSearch()` 函数中，你可以进一步处理搜索操作，比如跳转到搜索结果页面或者使用AJAX请求获取搜索结果。在上面的示例中，我们只是简单地在控制台输出搜索内容。 通过这种方式，当用户在搜索栏中输入内容并按下Enter键时，就会触发搜索操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值