捕获键盘输入和输入组合键的js库hotkeys

来源:https://www.sucaihuo.com/js/3027.html 2017-09-17 21:46浏览(516) 收藏

一款捕获键盘输入和输入组合键的js库hotkeys,可以自由设置需要捕获的键盘输入或组合键,捕获后的弹窗内容也可随意设置。
捕获键盘输入和输入组合键的js库hotkeys
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示 下载资源 下载积分: 10 积分

页面的head部分,需引入页面的样式文件,代码如下:

<link rel="stylesheet" type="text/css" href="css/demo.css">

页面的body部分,仅需设置好组合键的内容介绍即可,代码如下:

<div class="demo-container">
	<h3 class="center">这个页面监听了键盘的ctrl+q,ctrl+b,r,和f键<br>请按下以上按键查看效果。</h3>
</div>

页面的底部,需引入hotkeys插件,并启用插件设置好相关参数,代码如下:

<script type="text/javascript" src="dist/hotkeys.min.js"></script>
<script type="text/javascript">
// 定义a快捷键
hotkeys('ctrl+q,ctrl+b,r,f', function(event,handler){
  switch(handler.key){
      case "ctrl+q":alert('你按下了ctrl+q');break;
      case "ctrl+b":alert('你按下了ctrl+b');break;
      case "r":alert('你按下了r');break;
      case "f":alert('你按下了f');break;
  }
  //handler.scope 范围
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2