<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你就會發(fā)現(xiàn)神奇的事情發(fā)生了 
</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

Avalonjs 實現(xiàn)簡單購物車功能(實例代碼)
avalon是國內(nèi)最強大的MVVM框架，最近小編在高購物車的項目，我們是用avalon來實現(xiàn)一些模塊的，所以順其自然的用avalon來實現(xiàn)購物車。接下來通過本文給大家分享Avalonjs 實現(xiàn)簡單購物車功能的實例代碼，需要的的朋友參考下
2017-02-02
原生JS實現(xiàn)音樂播放器的示例代碼
這篇文章主要介紹了原生JS實現(xiàn)音樂播放器的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-02-02
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法,結(jié)合具體實例形式分析了javascript針對二叉樹節(jié)點最小值、最大值的相關(guān)查找操作實現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
js繼承的實現(xiàn)代碼
學(xué)著js的繼承，自己也寫了個。感覺不是很好?，F(xiàn)在很多代碼都封裝成類。
2010-08-08
JavaScript前后端數(shù)據(jù)交互工具ajax使用教程
Ajax（Asynchronous?Javascript?And?XML），即是異步的JavaScript和XML，Ajax其實就是瀏覽器與服務(wù)器之間的一種異步通信方式
2022-10-10
淺析jsopn跨域請求原理及cors（跨域資源共享）的完美解決方法
由于同源策略的緣故，ajax不能向不同域的網(wǎng)站發(fā)出請求。接下來通過本文給大家介紹jsopn跨域請求原理及cors（跨域資源共享）的完美解決方法,需要的朋友可以參考下
2017-02-02
微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼
本文主要介紹了微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-05-05
JavaScript仿微博輸入框效果(案例分析)
這篇文章給大家分享一個小的JavaScript的案例，就是模仿微博輸入框的效果，非常不錯，對微博輸入框效果感興趣的朋友通過本文學(xué)習(xí)吧
2016-12-12
使用typescript推導(dǎo)已有變量的盲盒類型詳情
這篇文章主要介紹了使用typescript推導(dǎo)已有變量的盲盒類型詳情，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-08-08
一文詳解JS中的塊級作用域
在JavaScript的世界里,作用域可以分為三種,分別是全局作用域,函數(shù)作用域,塊級作用域,本文主要來和大家聊聊JS中塊級作用域的相關(guān)知識,感興趣的可以了解下
2023-09-09