js事件綁定快捷鍵以ctrl+k為例
更新時間:2014年09月30日 15:50:36 投稿:whsnow
js為快捷鍵綁定事件,當(dāng)按這個快捷鍵時就會觸發(fā)事先綁定處理函數(shù),下面以ctrl+k為例與大家分享下具體的實現(xiàn)代碼
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你就會發(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
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法,結(jié)合具體實例形式分析了javascript針對二叉樹節(jié)點最小值、最大值的相關(guān)查找操作實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
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)觸底加載與下拉刷新的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
使用typescript推導(dǎo)已有變量的盲盒類型詳情
這篇文章主要介紹了使用typescript推導(dǎo)已有變量的盲盒類型詳情,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08

