使用 Mousestrap 阻止浏览器默认快捷键

lauren_liuling 发布于2019-08-22 10:56 / 2422人阅读

摘要：在中有时候会使用一些比较方便的快捷键，像这些。这里介绍一个非常实用的工具可以用来捕获任何快捷键，在以后的中可以用它来捕获捕获快捷键。下面简单列几个来自的教程示例监听单个按键监听按键组合同时监听多个

在 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阻止默认点击事件修改默认快捷键浏览器默认事件如何更改默认浏览器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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