javascript 网页注册快捷键的函数

最新推荐文章于 2022-11-08 14:16:49 发布
最新推荐文章于 2022-11-08 14:16:49 发布
阅读量232 收藏
点赞数
原文链接：http://www.cnblogs.com/yangbo108/archive/2007/08/23/867139.html
版权
这里给大家推荐一个用来注册快捷键的javascript函数.
文件很小，就4K。 点此下载
有了这个函数，就可以方便的使用javascript处理键盘事件了！对于做应用系统的朋友相信很有帮助。使用很简单,这里是作者的发布页： http://www.openjs.com/scripts/events/keyboard_shortcuts/。

示例 代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>处理键盘事件</title>
<script type="text/javascript" src="http://www.xuewolf.com/blog/upload/shortcuts.js"></script>
<style type="text/css">
#hiddiv { border:1px solid #ccc; height:24px; line-height:24px; width:200px; text-align:center; font-size:14px; display:;}
</style>
</head>

<body>
<div id="hiddiv">按Ctrl+D，我就会消失！</div>
<script type="text/javascript">
//弹出一个提示
shortcut("Ctrl+H",function() {
  alert("几天天气不错");
});


//换一个写法  作用：关闭页面
function displayDiv(){
document.getElementById("hiddiv").style.display = "none";
}

shortcut("Ctrl+D",displayDiv);
</script>
</body>
</html>
  
上面是我写的一个简单的例子.用shortcut注册快捷键,第一个参数就是需要注册的快捷键用"+"连接.第二个参数就是执行该事件的回调函数了.

一般的字母键大写小写不限制.

一些特殊键列举在下边了:
Tab
Space
Return
Enter
Backspace
Scroll_lock
Caps_lock
Num_lock
Pause
Insert
Home
Delete
End
Page_up
Page_down
Left
Up
Right
Down
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12

转载于:https://www.cnblogs.com/yangbo108/archive/2007/08/23/867139.html

weixin_30482181
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript组合快捷键注册插件
pengyaou的博客
09-20 190
HotKeyHandler.Register(a,b,c); a为模式：0代表Ctrl，1代表Shift，2代表Alt b为第二个按钮：a-z的字母 c为注册回调函数：当用户按下设置的快捷键时触发的事件函数。 插件地址（有实例演示） ...
js创建快捷键
weixin_33875839的博客
01-09 368
<script> $(document).ready(function() { //初次加载时进入快捷键模式 document.onkeydown=keyDown; }) //判断是否是IE浏览器 ie = (document.all) ? true : false; //jiyanle，设置页面快捷键 function keyDown(e){ if(ie)...
用JavaScript实现WEB热键功能
ξσ Dicky's Blog σξ
01-04 1835
function issueCommand(x){    if (document.layers)    {          if (x.which==99||x.which==67)            window.close();        else if (event.keyCode==112||event.keyCode==80)            self.print();
JS 快捷键（热键）的设置与使用 学习
eagle199012的专栏
07-26 3165
1）原理，document.onkeydown 监听键盘输入事件： JS中 热键对应 的KeyCode 代码如下： var F1_KEYCODE = 112; var F2_KEYCODE = 113; var F3_KEYCODE = 114; var F4_KEYCODE = 115; var F5_KEYCODE = 116; var F6_KEYCODE = 117;
Webstrom快捷键
梁山伯_的博客
07-28 2923
1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量申明处 4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation) 5. ctrl + []: 匹配 {}[] 6. ctrl + F12: 可以显示当前文件
JavaScript 快捷键设置实现代码
10-30
根据提供的文件内容，以下是关于JavaScript快捷键设置的知识点总结： 1. 快捷键的屏蔽方法：在JavaScript中，可以通过监听键盘事件（如keydown）来实现对特定快捷键组合的屏蔽。例如，屏蔽Alt+F4快捷键的方法是，当...
javascript onkeydown实现键盘快捷键控制页面
10-30
JavaScript 实现键盘快捷键控制页面 JavaScript 是一种广泛使用的编程语言，用于实现客户端的交互操作。在 Web 开发中，JavaScript 广泛应用于实现页面交互、动画效果、表单验证等功能。本节课，我们将学习如何使用...
JavaScript常用工具函数大全
10-15
如果上述两个方法都失败，则会弹出提示让用户使用键盘快捷键`Ctrl+D`来收藏当前网页。 最后，提取网页中所有网址的功能对于一些特定的应用场景非常有用，比如爬虫程序、信息聚合等。通过正则表达式匹配`url()`、`...
ShortKeys:使用 JQUERY 和 JAVASCRIPT 使用快捷键的框架
07-07
2. **初始化框架**：在JavaScript中调用ShortKeys的初始化函数，设置全局配置（如快捷键前缀、是否开启冲突检测等）。 3. **定义快捷键**：使用提供的API来注册快捷键及其对应的操作。 4. **处理事件**：编写处理...
JavaScript+快捷键设置
04-08
在网页开发中，为了提高用户体验以及增加网页的安全性，开发者常常会使用JavaScript来控制或监听用户的键盘操作，比如禁用某些快捷键的功能或者添加自定义行为。根据提供的代码示例与描述，“JavaScript+快捷键设置...
Web JS-热键
Java天堂
01-05 161
&lt;script language=""&gt; &lt;!-- var travel=true var hotkey=99 /* hotkey即为热键的键值,是ASII码,这里99代表c键 */ if (document.layers) document.captureEvents(Event.KEYPRESS) function gogo(e) { if (document....
JS实现页面快捷键功能
Sun_blog
04-30 6945
JS实现页面快捷键功能 JS实现页面快捷键功能一共分为三步： 第一步：绑定onkeydown事件； 第二步：阻止默认按键功能； 第三步：验证键码，调用功能函数； 绑定事件 首先，实现页面快捷键我们需要用到 onkeydown事件,onkeydown 事件会在用户按下键盘时触发。 我们将其绑定到 window上：window.onkeydown。 阻止默认功能 然后，通过event.preventDefault() 方法阻止掉按键原有的功能，为我们绑定上新的功能做好准备工作。 ps: 当然 event.
【关于JS注释和它们的快捷键】
innocence_123的博客
05-06 6116
1、这是css的注释，快捷键Ctrl+/ /* */ 2、这是html的注释，快捷键Ctrl+/ <!-- --> 3、 这是 JavaScript 注释，单行，快捷键 ctrl+/ // 4、这是 JavaScript 注释，多行，快捷键 ctrl+shift+/ /* */ 快捷键重复按一次，注释将被取消 <!DOCTYPE html> <html> <head> <meta charset="utf-...
注册快捷键（单快捷键、组合快捷键）
weixin_42333548的博客
12-04 1356
一、注册快捷键方法 window.addEventListener('keydown', onWindowKeyDown, false); window.addEventListener('keyup', onWindowKeyUp, false); 注意：addEventListener在组建销毁的时候也需要销毁 eg：react+hooks useEffect(() => { window.addEventListener('keydown', onWindowKeyDow
JavaScript快捷键
qq_73767908的博客
11-08 1653
ctrl + / ctrl + shift + c 以下是myeclipse中的所有快捷键列表： Ctrl+1 快速修复(最经典的快捷键,就不用多说了) Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加) Ctrl+Alt+↑ 复制当前行到上一行(复制增加) Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了) Alt+↑ 当前行和上面一行交互位置(同上) Alt+← 前一个编辑的页面 Alt+→ 下一个编辑的页面(当然是针对上面那条来说了) Alt+En
keymaster.js的使用（前端键盘快捷键）
诸葛苍穹
10-16 2712
1>像往常一样，引入keymaster.js文件到你的项目中。 2>定义快捷键key('a', function(){ alert('you pressed a!') }); // returning false stops the event and prevents default browser events key('ctrl+r', function(){ alert('stopped
注册热键及使用方法
清流弯弯
11-20 3694
作者：古典小说网 头条：讨厌编程  、 古典古韵古典小说 作品：快乐课堂软件、任性动图软件、古典小说大全 定义 HACCEL m_hAccelerator;// 加速键结构体 int HotKeyID1; //热键事件ID，动态生成，如觉得没必要，可设置一固定整数。 LONG OnHotKey(WPARAM wParam, LPARAM lParam);
js 实现快捷键 .
天外有天，人外有人。 专注品质 不断创新 让精益求精成为习惯
03-06 5123
js 快捷键 转自：http://jjyy17178.blog.sohu.com/115681416.html   [xhtml] view plaincopyprint? SCRIPT LANGUAGE="JavaScript">  function hotkey()  {  var a=window.event.keyCode;  if((a==65)&&(ev
JS快捷键
一个努力飞行的菜鸟
03-03 4406
一、基本按键读取 window.event.keyCode 读取字母以及其他非控制按键，识别的是ascii值（按键字符都是按大写字符来算的例如大写所定下的A和A按键都是65，大写锁定键字符编码是20） F1到F12 编码分别是112-123；altKey alt按键 ctrlKey ctrl 按键 shiftKey shift 按键 event.returnValue 事件返回值
javascript快捷键
最新发布
08-25
以下是一些常用的JavaScript快捷键： 1. 注释代码：Ctrl + / 或者 Ctrl + Shift + / 可以快速注释或取消注释选中的代码行或块。 2. 格式化代码：Ctrl + Shift + F 可以对选中的代码进行自动格式化，使其更加规范和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值