ホームページ ウェブフロントエンド jsチュートリアル Ctrl K を例として使用した JS イベント バインディング ショートカット キー_javascript スキル

Ctrl K を例として使用した JS イベント バインディング ショートカット キー_javascript スキル

May 16, 2016 pm 04:34 PM
イベントバインディング ショートカットキー

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>
ログイン後にコピー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Word でセルをすばやく結合するためのキーボード ショートカット Word でセルをすばやく結合するためのキーボード ショートカット Feb 18, 2024 pm 12:08 PM

Word でセルをすばやく結合するためのキーボード ショートカット

NVIDIA グラフィックス カードの画面録画ショートカット キーが使用できない問題を解決するにはどうすればよいですか? NVIDIA グラフィックス カードの画面録画ショートカット キーが使用できない問題を解決するにはどうすればよいですか? Mar 13, 2024 pm 03:52 PM

NVIDIA グラフィックス カードの画面録画ショートカット キーが使用できない問題を解決するにはどうすればよいですか?

コンピューターをシャットダウンするショートカット キーは何ですか? コンピューターをシャットダウンするショートカット キーは何ですか? コンピューターをシャットダウンするショートカット キーは何ですか? コンピューターをシャットダウンするショートカット キーは何ですか? Feb 22, 2024 pm 02:34 PM

コンピューターをシャットダウンするショートカット キーは何ですか? コンピューターをシャットダウンするショートカット キーは何ですか?

Win8 でショートカット キーを使用してスクリーンショットを撮るにはどうすればよいですか? Win8 でショートカット キーを使用してスクリーンショットを撮るにはどうすればよいですか? Mar 28, 2024 am 08:33 AM

Win8 でショートカット キーを使用してスクリーンショットを撮るにはどうすればよいですか?

名前変更のショートカットキーとは何ですか? 名前変更のショートカットキーとは何ですか? 名前変更のショートカットキーとは何ですか? 名前変更のショートカットキーとは何ですか? Feb 22, 2024 pm 02:50 PM

名前変更のショートカットキーとは何ですか? 名前変更のショートカットキーとは何ですか?

素早くコピー&ペーストする方法を学ぶ 素早くコピー&ペーストする方法を学ぶ Feb 18, 2024 pm 03:25 PM

素早くコピー&ペーストする方法を学ぶ

win11 タスクバー マネージャーのショートカット キーとは_win11 タスクバー マネージャーのショートカット キーとは win11 タスクバー マネージャーのショートカット キーとは_win11 タスクバー マネージャーのショートカット キーとは Mar 20, 2024 pm 09:11 PM

win11 タスクバー マネージャーのショートカット キーとは_win11 タスクバー マネージャーのショートカット キーとは

Win11 ではショートカット キーを持つオプションがさらに表示されないのはなぜですか?詳細 Win11 ではショートカット キーを持つオプションがさらに表示されないのはなぜですか?詳細 Jan 31, 2024 pm 09:06 PM

Win11 ではショートカット キーを持つオプションがさらに表示されないのはなぜですか?詳細

See all articles