HTML DOM KeyboardEvent 对象表示用户按下键盘上的键时发生的事件。属性这里，“KeyboardEvent”可以具有以下属性和方法-属性/方法描述altKey它返回是否按下了“ALT”键charCode它返回键的Unicode字符代码keycode它返回键的代码ctrlKey它返回是否按下了“CTRL”键getModifierState()如果指定键被激活则返回true，如果未激活则返回falseisComposing它返回事件的状态是正在组合还是不是key它返回事件表示的键的键值keyCode它返回触发... 阅读更多

HTML DOM KeyboardEvent shiftKey 属性返回一个布尔值 (true/false)，表示在事件中是否按下了 Shift 键。语法以下是语法-返回布尔值-event.shiftKey示例让我们来看一个 KeyboardEvent shiftKey 属性的示例- 在线演示 KeyboardEvent shiftKey    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent-shiftKey 编辑器：我敢挑战你... 阅读更多

HTML DOM KeyboardEvent metaKey 属性返回一个布尔值 (true/false)，表示在事件中是否按下了 Meta 键。语法以下是语法-返回布尔值-event.metaKey示例让我们来看一个 KeyboardEvent metaKey 属性的示例- 在线演示 KeyboardEvent metaKey    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent-metaKey 编辑器：我敢挑战你... 阅读更多

HTML DOM KeyboardEvent location 属性返回与键盘上按下键的位置相对应的数字。语法以下是语法-返回按下的键的位置-event.location数字这里，返回的数字可以是以下内容-数字描述0它表示键盘上的几乎所有值。(键盘中间部分的每个键，例如：'Q'、'\'、'空格键')1它表示键盘左侧的值。(键盘左侧部分的每个键，例如：'左 Ctrl'、'左 Shift'、'左 Alt')2它表示键盘右侧的值。(键盘右侧部分的每个键，例如：'右 Ctrl'、'右 Shift'、'右 Alt')3它表示... 阅读更多

KeyboardEvent keyCode 属性返回与使用事件按下的字符相对应的 Unicode 字符代码。注意- 使用 key 属性以获得准确的结果语法以下是语法-返回最新键入字符的 keyCode -event.keyCode示例让我们来看一个 KeyboardEvent keyCode 属性的示例- 在线演示 KeyboardEvent keyCode    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent-keyCode ... 阅读更多

KeyboardEvent key 属性返回与使用事件按下的键相对应的键标识符。语法以下是语法-返回最新键入字符的标识符-event.key示例让我们来看一个 KeyboardEvent key 属性的示例- 在线演示 KeyboardEvent key    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent-key 填空：... 阅读更多

getModifierState() 方法返回 true/false，表示是否按下了提供的修饰键。语法以下是语法-使用修饰键作为参数调用 getModifierState()-event.getModifierState(“modifierKey”)修饰键这里，“modifierKey”可以是以下内容-modifierKeyAltAltGraphCapsLockControlMetaNumLockScrollLockShift示例让我们来看一个 getModifierState() 方法的示例- 在线演示 KeyboardEvent getModifierState()    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent getModifierState( ) 密码：... 阅读更多

KeyboardEvent code 属性返回与使用事件按下的键相对应的键标识符。注意- 使用 key 属性以获得准确的结果语法以下是语法-返回最新键入字符的代码-event.code示例让我们来看一个 KeyboardEvent code 属性的示例- 在线演示 KeyboardEvent code    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent-code 按下... 阅读更多

KeyboardEvent charCode 属性返回与使用事件按下的字符相对应的 Unicode 字符代码。注意- 使用 key 属性以获得准确的结果语法以下是语法-返回最新键入字符的 charCode -event.charCode示例让我们来看一个 KeyboardEvent charCode 属性的示例- 在线演示 KeyboardEvent charCode    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } KeyboardEvent-charCode 填... 阅读更多

Kbd 对象表示一个内联元素，默认显示等宽字体。语法以下是语法-创建一个元素var kbdObject = document.createElement(“KBD”)示例让我们来看一个 Kbd 对象元素的示例- 在线演示 Kbd 对象    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Kbd 对象 键盘输入：    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    function convertKBD() {       var kbdObject = document.createElement("KBD");       var kbdText = document.createTextNode(textSelect.value);       kbdObject.appendChild(kbdText);       divDisplay.appendChild(kbdObject);    } 输出这将产生以下输出-单击“检查”按钮之前-单击“检查”按钮之后-