update README.md

pull/11/head
jaywcjlove 10 years ago
parent 3ee6398fe9
commit caf4280575

@ -4,6 +4,15 @@
自定义快捷键没有依赖。这又是在重复造轮子,呵呵~ 自定义快捷键没有依赖。这又是在重复造轮子,呵呵~
```
__ __ __
| |--..-----.| |_ | |--..-----..--.--..-----.
| || _ || _|| < | -__|| | ||__ --|
|__|__||_____||____||__|__||_____||___ ||_____|
|_____|
```
## 创建 ## 创建
您将需要在您的系统上安装的 Node.js。 您将需要在您的系统上安装的 Node.js。
@ -25,8 +34,6 @@ $ grunt dist
``` ```
## 定义快捷键 ## 定义快捷键
```js ```js
@ -70,16 +77,24 @@ hotkeys('⌘+r, ctrl+r', function(){ });
`⇪` Caps Lock(大写) `⇪` Caps Lock(大写)
`fn` 功能键就是fn `fn` 功能键就是fn
`↩︎` return/Enter `↩︎` return/Enter
`space` 空格键
## 修饰键判断 ## 修饰键判断
可以对下面的修饰键判断 `shift` `alt` `option` `ctrl` `control` `command` 可以对下面的修饰键判断 `shift` `alt` `option` `ctrl` `control` `command`
```js ```js
if(hotkeys.shift) console.log('大哥你摁下了shift键'); 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 键!');
});
``` ```
## 切换快捷键 ## 切换快捷键
如果在单页面在不同的区域相同的快捷键干不同的事儿之间来回切换。O(∩_∩)O
```js ```js
// 一个快捷键,有可能干的活儿不一样哦 // 一个快捷键,有可能干的活儿不一样哦
hotkeys('ctrl+o, ctrl+alt+enter', 'issues', function(){ hotkeys('ctrl+o, ctrl+alt+enter', 'issues', function(){
@ -93,6 +108,14 @@ hotkeys('o, enter', 'files', function(){
hotkeys.setScope('issues'); // 默认所有事儿都干哦 hotkeys.setScope('issues'); // 默认所有事儿都干哦
``` ```
## 删除标记快捷键
删除区域范围标记
```js
hotkeys.deleteScope('issues');
```
## 解除绑定 ## 解除绑定
`hotkeys.unbind("ctrl+o, ctrl+alt+enter")` 解除绑定两组快捷键 `hotkeys.unbind("ctrl+o, ctrl+alt+enter")` 解除绑定两组快捷键
@ -110,7 +133,7 @@ hotkeys('a', function(){
``` ```
## 获取摁下键值 ## 获取摁下键值
获取摁下绑定键的键值 获取摁下绑定键的键值 `hotkeys.getPressedKeyCodes()`
```js ```js
hotkeys('command+ctrl+shift+a,f', function(){ hotkeys('command+ctrl+shift+a,f', function(){
@ -130,9 +153,15 @@ hotkeys.filter = function(event){
//如何增加过滤可编辑标签 <div contentEditable="true"></div> //如何增加过滤可编辑标签 <div contentEditable="true"></div>
//contentEditable老浏览器不支持滴 //contentEditable老浏览器不支持滴
hotkeys.filter = function(event) { hotkeys.filter = function(event) {
var el = event.target || event.srcElement; var tagName = (event.target || event.srcElement).tagName;
return !(el.isContentEditable || el.tagName == 'INPUT' || return !(tagName.isContentEditable || tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA');
el.tagName == 'SELECT' || el.tagName == 'TEXTAREA'); }
//
hotkeys.filter = function(event){
var tagName = (event.target || event.srcElement).tagName;
hotkeys.setScope(/^(INPUT|TEXTAREA|SELECT)$/.test(tagName) ? 'input' : 'other');
return true;
} }
``` ```

Loading…
Cancel
Save