`

js事件绑定快捷键

阅读更多
<html>
<head>
<script type="text/javascript">
window.onload=function(){
	HotKeyHandler.Init();
}
var HotKeyHandler={
	currentMainKey:null,
	currentValueKey:null,
	Init:function(){
		HotKeyHandler.Register(0,"K",function(){alert("注册成功");});
	},
	Register:function(tag,value,func){
		var MainKey="";
		switch(tag){
			case 0:
			MainKey=17; //Ctrl
			break;
			case 1:
			MainKey=16; //Shift
			break;
			case 2:
			MainKey="18"; //Alt
			break;
		}
		 document.onkeyup=function(e){
			 HotKeyHandler.currentMainKey=null;
		 }
		
		 document.onkeydown=function(event){    
         //获取键值  
         var keyCode= event.keyCode ; 
		 var keyValue = String.fromCharCode(event.keyCode);
		
		 if(HotKeyHandler.currentMainKey!=null){
			 if(keyValue==value){
				 HotKeyHandler.currentMainKey=null;
				if(func!=null)func();
			 }
		 }
		 if(keyCode==MainKey)
             HotKeyHandler.currentMainKey=keyCode;
	   } 
	}
}
</script> 
</head>
<body>
测试,按下ctrl+k你就会发现神奇的事情发生了
</body>
</html>

 

分享到:
评论

相关推荐

    js事件绑定快捷键以ctrl+k为例

    综合上述描述和代码,我们介绍了如何使用JavaScript绑定CTRL+K快捷键。这种技术在很多web应用中非常有用,比如提供给用户的快捷操作、实现特定功能的快捷访问等。通过自定义快捷键事件处理函数,开发者可以灵活地...

    js 特效 html 特效 快捷键提交按钮

    js 特效 html 特效 快捷键提交按钮 js 特效 html 特效 快捷键提交按钮

    js设置快捷键

    "js设置快捷键"这个主题正是关于如何在JavaScript中实现这一功能。 Hotkeys 是一个强大的JavaScript库,专门用于捕获键盘输入和组合键。它体积小巧,压缩后仅有约3kb,这意味着即使在资源有限的环境中,也能快速、...

    Js快捷键开源代码

    开源的Js快捷键代码可以帮助开发者自定义和管理这些快捷键绑定,提升用户体验。 `hotkeys-master`这个压缩包文件很可能包含了一个名为`hotkeys`的开源库的完整项目源码。这个库可能包括以下组成部分: 1. **核心...

    Electron中通过globalShortcut实现监听键盘事件进而实现快捷键功能示例代码.zip

    `globalShortcut`模块是Electron提供的一种方便的方法,它允许开发者注册全局快捷键,当用户按下这些快捷键组合时,触发相应的事件。下面我们将深入探讨如何使用`globalShortcut`来监听键盘事件并实现快捷键功能。 ...

    jquery实现快捷键事件,自己做一个快捷键

    2. **使用jQuery绑定快捷键事件**:为了监听快捷键,我们可以使用第三方插件`jquery.hotkeys.js`。这个插件扩展了jQuery,使我们能够方便地为特定元素绑定键盘事件。在HTML文件中引入该插件: ```html ...

    js-hotkeys(html js 快捷键)

    2. **绑定快捷键**:通过JavaScript代码,使用`bind`方法将快捷键与函数绑定。例如,设置`Ctrl+S`为保存操作: ```javascript $(document).bind('keydown', 'ctrl+s', function() { console.log('快捷键 Ctrl+S ...

    js实现屏蔽默认快捷键调用自定义事件示例

    在探讨如何使用JavaScript屏蔽默认快捷键并调用自定义事件之前,首先需要明白什么是快捷键以及如何在网页中绑定快捷键。快捷键是指用户通过按下特定的键或者按键组合,来快速执行某些命令或功能。在网页中,快捷键...

    ToolbarKeyMap.js tbar或按钮绑定的快捷键

    可绑定tbar ,按钮简单方便new Ext.ux.ToolbarKeyMap() keyBinding : { key :key, ctrl:true }即可

    jquery_键盘快捷键

    其中,"jquery_键盘快捷键"是一个重要的主题,它涉及到如何利用jQuery来定义和处理键盘快捷键事件,以便增强用户的交互体验。下面将详细阐述这一领域的相关知识点。 一、jQuery简介 jQuery是一个轻量级的JavaScript...

    Reacthook用于在组件中使用键盘快捷键。_TypeScript_JavaScript_下载.zip

    它提供了一种简洁的方式来绑定键盘事件,使得我们可以根据特定的快捷键组合触发组件的行为。使用这个库,我们无需直接在组件中处理事件,而是通过声明式的方式来定义快捷键,这使得代码更加清晰和易于理解。例如: ...

    Ext.net怎么设置快捷键

    1. **定义快捷键事件**:在JavaScript中,你可以使用`Ext.util.KeyMap`来绑定键盘事件。例如,你可能想要在用户按下“Delete”键时调用`deleteRows`函数。 ```javascript var keyMap = new Ext.util.KeyMap({ ...

    jquery快捷键插件mapkey

    1. **全局快捷键与局部快捷键**:MapKey支持在特定元素上绑定快捷键,这样可以为不同区域设置不同的快捷键,提高功能的区分度。 2. **动态添加和删除快捷键**:在运行时,可以通过调用MapKey的API动态添加或移除...

    Qt QTextEdit 实现快捷键注释功能

    以上就是利用Qt的QTextEdit组件实现快捷键注释功能的详细步骤,包括快捷键绑定、槽函数的使用以及与UI元素的交互。通过这种方式,我们可以为文本编辑器添加丰富的自定义功能,提升用户的编程体验。

    JS针对浏览器窗口关闭事件的监听方法集锦

    在JavaScript中,监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window....

    VS08快捷键,Asp.net JS复选框全选,反选

    // 绑定事件 document.getElementById('selectAll').onclick = function () { selectAll(); }; document.getElementById('unselectAll').onclick = function () { unselectAll(); }; ``` 在HTML中,你可以创建两...

    JavaScript快捷键库ShortcutJS.zip

    Shortcut.js 可以让你实现键盘快捷键和应用功能之间的绑定。 一些快捷键定义: Shortcut Event Name j shortcutNextItem k shortcutPrevItem n shortcutNewItem o ...

    Angularjs的键盘事件的绑定

    在AngularJS中,处理键盘事件的绑定是开发Web应用时常见的需求,这使得用户可以通过键盘快捷键与应用交互,提高用户体验。本文将探讨两种在AngularJS中绑定键盘事件的方法:使用ng内置指令和自定义指令。 **方法一...

    js捕获后台事件js捕获后台事件

    3. **事件绑定**:通过`bodyonkeydown="test(event)"`将`test`函数绑定到了`body`元素的`keydown`事件上。这意味着每当用户按下键盘上的任意键时,都会触发这个函数,并显示相应的提示信息。 #### 三、应用场景 1....

Global site tag (gtag.js) - Google Analytics