使用 Mousestrap 阻止瀏覽器默認快捷鍵

lauren_liuling 發布于2019-08-22 10:56 / 2424人閱讀

摘要：在中有時候會使用一些比較方便的快捷鍵，像這些。這里介紹一個非常實用的工具可以用來捕獲任何快捷鍵，在以后的中可以用它來捕獲捕獲快捷鍵。下面簡單列幾個來自的教程示例監聽單個按鍵監聽按鍵組合同時監聽多個

在 web app 中有時候會使用一些比較方便的快捷鍵，像 ctrl ＋ s、ctrl + f 這些。這里介紹一個非常實用的工具Mousestrap可以用來捕獲任何快捷鍵，在以后的 web app 中可以用它來捕獲捕獲快捷鍵。

下面簡單列幾個來自Tut 的教程示例：

監聽單個按鍵

Mousetrap.bind("7", function() { // callback });
Mousetrap.bind("/", function() { // callback });
Mousetrap.bind("esc", function() { // callback });

監聽按鍵組合

Mousetrap.bind("command+s", function(){ // callback });

同時監聽多個

Mousetrap.bind(["command+s", "ctrl+s"], function() {
  console.log("command + k or control + k");
  showBalloon("Command + K or Control + K");
  return false;
});

云服務器 GPU云服務器 js阻止默認點擊事件修改默認快捷鍵瀏覽器默認事件如何更改默認瀏覽器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91479.html

從0開始構建自己的前端知識體系-JS-事件-鍵盤事件總結

摘要：在探尋的過程中發現自己對鍵盤輸入事件的理解還并不到位，以至于有一些代碼看得云里霧里，趕緊查閱資料寫寫總結一下下文所說只在與里做了探究。短按觸發順序長按觸發順序循環事件阻止冒泡這類事件都會冒泡，阻止按照常規調用接口就可以阻止冒泡了。前言最近因一個需求在element-ui的Select組件文檔內找不到對應的示例，也就是filter-method方法的具體使用樣例，嘗試幾次之后也使用了...

Anonymous1 2019-08-22 15:55 評論0 收藏0
【Electron】酷家樂客戶端開發實踐分享 — 入坑篇

摘要：系列文章酷家樂客戶端開發實踐分享入坑篇酷家樂客戶端開發實踐分享軟件自動更新酷家樂客戶端開發實踐分享瀏覽器啟動客戶端酷家樂客戶端開發實踐分享進程通信酷家樂客戶端開發實踐分享下載管理器不定期更新本文的初衷所使用的技術棧和前端工程師完美契合。作者：鐘離，酷家樂PC客戶端負責人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...

jay_tian 2019-08-02 15:16 評論0 收藏0
【Electron】酷家樂客戶端開發實踐分享 — 入坑篇

摘要：系列文章酷家樂客戶端開發實踐分享入坑篇酷家樂客戶端開發實踐分享軟件自動更新酷家樂客戶端開發實踐分享瀏覽器啟動客戶端酷家樂客戶端開發實踐分享進程通信酷家樂客戶端開發實踐分享下載管理器不定期更新本文的初衷所使用的技術棧和前端工程師完美契合。作者：鐘離，酷家樂PC客戶端負責人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...

TwIStOy 2019-08-23 18:05 評論0 收藏0
jQuery 事件(三) 事件的綁定和解綁、對象的使用、自定義事件

摘要：事件的綁定和解綁的多事件綁定之前學的鼠標事件，表單事件與鍵盤事件都有個特點，就是直接給元素綁定一個處理函數，所有這類事件都是屬于快捷處理。由于瀏覽器事件冒泡特性，可以在觸發時把這個事件往上冒泡到上，因為上綁定事件響應，所以能觸發這個動作。事件的綁定和解綁 on()的多事件綁定之前學的鼠標事件，表單事件與鍵盤事件都有個特點，就是直接給元素綁定一個處理函數，所有這類事件都是屬于快捷處理...

niuxiaowei111 2019-08-22 10:53 評論0 收藏0
JQuery基礎修煉-事件篇

摘要：目錄第章事件介紹第章鼠標事件第章表單事件第章鍵盤事件第章事件的綁定和解綁第章事件對象的使用第章自定義事件與事件用交互操作中，最簡單直接就是點擊操作。提供了兩個方法一個是方法用于監聽用戶單擊操作，另一個方法是方法用于監聽用戶雙擊操作。目錄第1章事件介紹第2章鼠標事件第3章表單事件第4章鍵盤事件第5章事件的綁定和解綁第6章事件對象的使用第7章自定義事件 cli...

yy13818512006 2019-08-02 15:55 評論0 收藏0