╭┈┈╮          ╭┈┈╮  ╭┈┈╮┆  ├┈┈..┈┈┈┈┈.┆  └┈╮┆  ├┈┈..┈┈┈┈┈..┈┈.┈┈..┈┈┈┈┈.┆     ┆┆  □  ┆┆   ┈┤┆    < ┆  -__┘┆  ┆  ┆┆__ ┈┈┤╰┈┈┴┈┈╯╰┈┈┈┈┈╯╰┈┈┈┈╯╰┈┈┴┈┈╯╰┈┈┈┈┈╯╰┈┈┈  ┆╰┈┈┈┈┈╯                                  ╰┈┈┈┈┈╯

# bower 安装$ bower install hotkeysjs# npm 安装$ npm install hotkeys-js$ npm run build # 编译$ npm run watch # 开发模式

import hotkeys from 'hotkeys-js';hotkeys('f5', function(event, handler){  // Prevent the default refresh event under WINDOWS system  event.preventDefault()   alert('you pressed F5!') });

<script src="https://unpkg.com/hotkeys-js/dist/hotkeys.min.js"></script><script type="text/javascript">hotkeys('ctrl+a,ctrl+b,r,f', function(event,handler) {  switch(handler.key){    case "ctrl+a":alert('you pressed ctrl+a!');break;    case "ctrl+b":alert('you pressed ctrl+b!');break;    case "r":alert('you pressed r!');break;    case "f":alert('you pressed f!');break;  }});</script>

<script type="text/javascript" src="./js/hotkeys.js"></script>

import hotkeys from 'hotkeys-js';hotkeys('shift+a,alt+d, w', function(e){  console.log('干点活儿',e);  if(hotkeys.shift) console.log('大哥你摁下了 shift 键！');  if(hotkeys.ctrl) console.log('大哥你摁下了 ctrl 键！');  if(hotkeys.alt) console.log('大哥你摁下了 alt 键！');});

hotkeys('shift+a,alt+d, w', function(e){  console.log('干点活儿',e);  if(hotkeys.shift) console.log('您摁下了 shift 键!');  if(hotkeys.ctrl) console.log('您摁下了 ctrl 键!');  if(hotkeys.alt) console.log('您摁下了 alt 键!');  if(hotkeys.option) console.log('您摁下了 option 键!');  if(hotkeys.control) console.log('您摁下了 control 键!');  if(hotkeys.cmd) console.log('您摁下了 cmd 键!');  if(hotkeys.command) console.log('您摁下了 command 键!');});

// 定义 F5 快捷键hotkeys('f5', function(event,handler){  //event.srcElement: input   //event.target: input  // 阻止WINDOWS系统下的默认刷新事件  event.preventDefault()   alert('你按下了 F5 键!') });// 返回 false 将停止活动，并阻止默认浏览器事件// Mac OS 系统 定义 `command+r` 为刷新快捷键hotkeys('ctrl+r, command+r', function(){  alert('停止刷新!');  return false;});// 定义a快捷键hotkeys('a', function(event,handler){  //event.srcElement: input   //event.target: input  if(event.target === "input"){    alert('你在输入框中按下了 a!')  }  alert('你按下了 a!') });// 定义 ctrl+a、ctrl+b、r、f 四组快捷键hotkeys('ctrl+a,ctrl+b,r,f', function(event,handler){  switch(handler.key){    case "ctrl+a": alert('你按下了ctrl+a!'); break;    case "ctrl+b": alert('你按下了ctrl+b!'); break;    case "r": alert('你按下了r!'); break;    case "f": alert('你按下了f!'); break;  }  //handler.scope 范围});// 多个快捷方式做同样的事情hotkeys('⌘+r, ctrl+r', function(){ });// 对所有摁键执行任务hotkeys('*','wcj', function(e){  console.log('干点活儿',e);  console.log("key.getScope()::",hotkeys.getScope());  if(hotkeys.shift) console.log('大哥你摁下了 shift 键！');  if(hotkeys.ctrl) console.log('大哥你摁下了 ctrl 键！');  if(hotkeys.alt) console.log('大哥你摁下了 alt 键！');});// 可以设置自定义的分割符hotkeys('ctrl-y, ctrl-a', {splitKey: '-'}, function(e){  console.log('you press bind keys')})

hotkeys('o, enter', {  scope: 'wcj',  element: document.getElementById('warpper'),}, function(){   console.log('do something else');});

// 一个快捷键，有可能干的活儿不一样哦hotkeys('ctrl+o, ctrl+alt+enter', 'scope1', function(){  console.log('你好看');});hotkeys('ctrl+o, enter', 'scope2', function(){   console.log('你好丑陋啊！');});// 你摁 “ctrl+o”组合键// 当scope等于 scope1 ，执行 回调事件打印出 “你好看”，// 当scope等于 scope2 ，执行 回调事件打印出 “你好丑陋啊！”，// 通过setScope设定范围scopehotkeys.setScope('scope1'); // 默认所有事儿都干哦

hotkeys.deleteScope('scope1');

hotkeys.getScope();

hotkeys.setScope('scope1');

// 解除绑定 'a' 程序函数hotkeys.unbind('a');// 仅针对单个范围解除绑定快捷键// 如果未指定范围，则默认为当前范围（hotkeys.getScope()）hotkeys.unbind('o, enter', 'issues');hotkeys.unbind('o, enter', 'files');

function example(){}hotkeys('a', example);hotkeys.unbind('a', example);hotkeys('a', 'issues', example);hotkeys.unbind('a', 'issues', example);

可以通过传入对象解除绑定的快捷键hotkeys.unbind({  key: 'ctrl-e,ctrl-u',  scope: 'issues',  spitKey: '-'})传入数组可同时解除多个scope下绑定的快捷键hotkeys.unbind([  {    key: 'a, ctrl+r',    scope: 'issues',  },  {    key: '+, ctrl-y',    scope: 'test',    splitKey: '-'  }])

hotkeys('a', function(){  console.log(hotkeys.isPressed("a")); //=> true  console.log(hotkeys.isPressed("A")); //=> true  console.log(hotkeys.isPressed(65)); //=> true});

hotkeys('command+ctrl+shift+a,f', function(){  console.log(hotkeys.getPressedKeyCodes()); //=> [17, 65] 或者 [70]})

hotkeys('ctrl+a,alt+a+s', { keyup: true }, (evn, handler) => {  if(evn.type === 'keydown') {    console.log('keydown:', evn.type, handler, handler.key);  }  if(evn.type === 'keyup') {    console.log('keyup:', evn.type, handler, handler.key);  }});

hotkeys.filter = function(event){  return true;}// 如何增加过滤可编辑标签 <div contentEditable="true"></div>// contentEditable老浏览器不支持滴hotkeys.filter = function(event) {  var tagName = (event.target || event.srcElement).tagName;  return !(tagName.isContentEditable ||  tagName == 'INPUT' ||  tagName == 'SELECT' ||  tagName == 'TEXTAREA');}//hotkeys.filter = function(event){  var tagName = (event.target || event.srcElement).tagName;  hotkeys.setScope(/^(INPUT|TEXTAREA|SELECT)$/.test(tagName) ? 'input' : 'other');  return true;}

var k = hotkeys.noConflict();k('a', function() {  console.log("这里可以干一些事儿")});hotkeys()// -->Uncaught TypeError: hotkeys is not a function(anonymous function)// @ VM2170:2InjectedScript._evaluateOn// @ VM2165:883InjectedScript._evaluateAndWrap// @ VM2165:816InjectedScript.evaluate @ VM2165:682

$ git https://github.com/jaywcjlove/hotkeys.git$ cd hotkeys     # 进入目录$ npm install    # 或者使用 yarn install 安装依赖

$ npm run watch

$ npm run doc

$ npm run test$ npm run test:watch # Development model