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 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：10px； } KeyboardEvent-shiftKey 编辑器：我敢挑战你... 阅读更多

HTML DOM KeyboardEvent metaKey 属性返回布尔值 (true/false)，对应于使用事件是否按下了 Meta 键。语法以下是语法-返回布尔值-event.metaKey示例让我们来看一个 KeyboardEvent metaKey 属性的示例 - 实时演示 KeyboardEvent metaKey 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：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 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：10px； } KeyboardEvent-keyCode ... 阅读更多

KeyboardEvent key 属性返回使用事件按下的键对应的键标识符。语法以下是语法-返回最新键入字符的标识符-event.key示例让我们来看一个 KeyboardEvent key 属性的示例 - 实时演示 KeyboardEvent key 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：10px； } KeyboardEvent-key 填空：... 阅读更多

getModifierState() 方法返回 true/false，表示是否按下了提供的修饰键。语法以下是语法-使用修饰键作为参数调用 getModifierState()-event.getModifierState(“modifierKey”)修饰键这里，“modifierKey”可以是以下内容-modifierKeyAltAltGraphCapsLockControlMetaNumLockScrollLockShift示例让我们来看一个 getModifierState() 方法的示例 - 实时演示 KeyboardEvent getModifierState() 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：10px； } KeyboardEvent getModifierState() 密码：... 阅读更多

KeyboardEvent code 属性返回使用事件按下的键对应的键标识符。注意- 使用 key 属性可获得更准确的结果语法以下是语法-返回最新键入字符的代码-event.code示例让我们来看一个 KeyboardEvent code 属性的示例 - 实时演示 KeyboardEvent code 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：10px； } KeyboardEvent-code 按下... 阅读更多

KeyboardEvent charCode 属性返回使用事件按下的字符对应的 Unicode 字符代码。注意- 使用 key 属性可获得更准确的结果语法以下是语法-返回最新键入字符的 charCode-event.charCode示例让我们来看一个 KeyboardEvent charCode 属性的示例 - 实时演示 KeyboardEvent charCode 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：10px； } KeyboardEvent-charCode 填... 阅读更多

Kbd 对象表示一个内联元素，默认情况下显示等宽字体。语法以下是语法-创建元素var kbdObject = document.createElement(“KBD”)示例让我们来看一个 Kbd 对象元素的示例 - 实时演示 Kbd 对象 表单 { 宽度：70%； 边距：0 自动； 文本对齐：居中； } * { 填充：2px； 边距：5px； } input[type="button"] { 边框半径：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); } 输出这将产生以下输出-单击“检查”按钮之前-单击“检查”按钮之后-