【JS】js下监听（非input等可获取焦点）元素的键盘按下事件(vue通用)

大部分键盘按下事件的监听是可获取焦点元素（input，button，textarea）可以生效，而当我们需要对不可获取焦点元素进行监听操作呢，本篇介绍一下不可获取焦点元素监听键盘按下的方法。

三种方式（以下介绍方法vue通用）

• 全局监听按键按下事件
• 使用tabindex
• 使用contenteditable

本文案例功能：

1. 当点击open时，open变为close，class改变
2. 当点击close或者按下键盘按键ESC时，close变为open，class改变

HTML

<div id="test1" class="open">open</div>

JS

var isKeyClose = false // 全局变量当前状态
// 切换的执行操作
function check(){
   
// 点击改变状态
 isKeyClose =