国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

js簡(jiǎn)單的設(shè)置快捷鍵,hotkeys捕獲鍵盤鍵和組合鍵的輸入

王晗 / 1293人閱讀

摘要:設(shè)置快捷鍵這是一個(gè)強(qiáng)健的庫(kù)用于捕獲鍵盤輸入和輸入的組合鍵,它沒(méi)有依賴,壓縮只有只有。返回快捷鍵設(shè)置才會(huì)起作用,快捷鍵設(shè)置失效。

設(shè)置快捷鍵




這是一個(gè)強(qiáng)健的 Javascript 庫(kù)用于捕獲鍵盤輸入和輸入的組合鍵,它沒(méi)有依賴,壓縮只有只有(~3kb)。

hotkeys on Github
hotkeys預(yù)覽

  __            __    __                         
 |  |--..-----.|  |_ |  |--..-----..--.--..-----.
 |     ||  _  ||   _||    < |  -__||  |  ||__ --|
 |__|__||_____||____||__|__||_____||___  ||_____|
                                   |_____|   
創(chuàng)建

您將需要在您的系統(tǒng)上安裝的 Node.js。

# bower 安裝
$ bower install hotkeysjs

# npm 安裝
$ npm install hotkeys-js

# 在頁(yè)面上引用需要壓縮的話,運(yùn)行
$ grunt dist

# 在dist目錄中生成下列文件:
# dist/hotkeys.js
# dist/hotkeys.min.js
# dist/hotkeys.min.map
定義快捷鍵
// 定義a快捷鍵
hotkeys("a", function(event,handler){
    //event.srcElement: input 
    //event.target: input
    if(event.target === "input"){
        alert("你在輸入框中按下了 a!")
    }
    alert("你按下了 a!") 
});

// 定義a快捷鍵
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 范圍
});

// 返回false將停止活動(dòng),并阻止默認(rèn)瀏覽器事件
hotkeys("ctrl+r", function(){ alert("停止刷新!"); return false });

// 多個(gè)快捷方式做同樣的事情
hotkeys("?+r, ctrl+r", function(){ });

// 對(duì)所有摁鍵執(zhí)行任務(wù)
hotkeys("*","wcj", function(e){
    console.log("干點(diǎn)活兒",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 鍵!");
});
支持的鍵

?, shift, option, ?, alt, ctrl, control, command, ?

? Command(?)
? Control
? Option(alt)
? Shift
? Caps Lock(大寫)
fn 功能鍵就是fn(不支持)
?? return/Enter
space 空格鍵

修飾鍵判斷

可以對(duì)下面的修飾鍵判斷 shift alt option ctrl control command

hotkeys("shift+a,alt+d, w", function(e){
    console.log("干點(diǎn)活兒",e);
    if(hotkeys.shift) console.log("大哥你摁下了 shift 鍵!");
    if(hotkeys.ctrl) console.log("大哥你摁下了 ctrl 鍵!");
    if(hotkeys.alt) console.log("大哥你摁下了 alt 鍵!");
});
切換快捷鍵

如果在單頁(yè)面在不同的區(qū)域,相同的快捷鍵,干不同的事兒,之間來(lái)回切換。O(∩_∩)O !

// 一個(gè)快捷鍵,有可能干的活兒不一樣哦
hotkeys("ctrl+o, ctrl+alt+enter", "issues", function(){
    console.log("干點(diǎn)活兒");
});
hotkeys("o, enter", "files", function(){ 
    console.log("另一種活兒");
});

// 設(shè)定范圍scope 
hotkeys.setScope("issues"); // 默認(rèn)所有事兒都干哦 
刪除標(biāo)記快捷鍵

刪除區(qū)域范圍標(biāo)記

hotkeys.deleteScope("issues");
解除綁定

hotkeys.unbind("ctrl+o, ctrl+alt+enter") 解除綁定兩組快捷鍵
hotkeys.unbind("ctrl+o","files") 解除綁定名字叫files鐘的一組快捷鍵

鍵判斷

判斷摁下的鍵是否為某個(gè)鍵

hotkeys("a", function(){
    console.log(hotkeys.isPressed("A")); //=> true
    console.log(hotkeys.isPressed(65)); //=> true
});
獲取摁下鍵值

獲取摁下綁定鍵的鍵值 hotkeys.getPressedKeyCodes()

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

INPUT SELECT TEXTAREA 默認(rèn)不處理。
hotkeys.filter 返回 true 快捷鍵設(shè)置才會(huì)起作用,flase 快捷鍵設(shè)置失效。

hotkeys.filter = function(event){
  return true;
}
//如何增加過(guò)濾可編輯標(biāo)簽 
//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

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/85696.html

相關(guān)文章

  • 用來(lái)捕獲鍵盤輸入keypress.js介紹

    摘要:最簡(jiǎn)單的監(jiān)聽(tīng)辦法就是使用使用格式如下它有兩個(gè)參數(shù),第一個(gè)參數(shù)是指定的單個(gè)按鍵或者組合鍵,第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù),它在每一次用戶按下指定的時(shí)被調(diào)用。 keypress.js是一個(gè)捕獲鍵盤輸入的JavaScript庫(kù),它簡(jiǎn)單易用,輕量級(jí)的壓縮版本只有9kB左右,并且沒(méi)有依賴其他JavaScript庫(kù)。 我們通常用鍵盤事件來(lái)監(jiān)聽(tīng)keydown和keyup事件。當(dāng)按下鍵盤的任意鍵的時(shí)候,ke...

    cuieney 評(píng)論0 收藏0
  • jQuery 事件(一) 鼠標(biāo)與鍵盤事件

    jQuery 鼠標(biāo)事件 click與dbclick事件 用交互操作中,最簡(jiǎn)單直接的操作就是點(diǎn)擊操作。jQuery提供了兩個(gè)方法一個(gè)是click方法用于監(jiān)聽(tīng)用戶單擊操作,另一個(gè)方法是dbclick方法用于監(jiān)聽(tīng)用戶雙擊操作。這兩個(gè)方法的用法是類似的,下面以click()事件為例 方法一:$ele.click() 綁定$ele元素,不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件,用的比較少 點(diǎn)擊觸發(fā) $(ele...

    Gemini 評(píng)論0 收藏0
  • JQuery基礎(chǔ)修煉-事件篇

    摘要:目錄第章事件介紹第章鼠標(biāo)事件第章表單事件第章鍵盤事件第章事件的綁定和解綁第章事件對(duì)象的使用第章自定義事件與事件用交互操作中,最簡(jiǎn)單直接就是點(diǎn)擊操作。提供了兩個(gè)方法一個(gè)是方法用于監(jiān)聽(tīng)用戶單擊操作,另一個(gè)方法是方法用于監(jiān)聽(tīng)用戶雙擊操作。 目錄 第1章 事件介紹 第2章 鼠標(biāo)事件 第3章 表單事件 第4章 鍵盤事件 第5章 事件的綁定和解綁 第6章 事件對(duì)象的使用 第7章 自定義事件 cli...

    yy13818512006 評(píng)論0 收藏0
  • JQuery基礎(chǔ)修煉-事件篇

    摘要:目錄第章事件介紹第章鼠標(biāo)事件第章表單事件第章鍵盤事件第章事件的綁定和解綁第章事件對(duì)象的使用第章自定義事件與事件用交互操作中,最簡(jiǎn)單直接就是點(diǎn)擊操作。提供了兩個(gè)方法一個(gè)是方法用于監(jiān)聽(tīng)用戶單擊操作,另一個(gè)方法是方法用于監(jiān)聽(tīng)用戶雙擊操作。 目錄 第1章 事件介紹 第2章 鼠標(biāo)事件 第3章 表單事件 第4章 鍵盤事件 第5章 事件的綁定和解綁 第6章 事件對(duì)象的使用 第7章 自定義事件 cli...

    hikui 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<