欢迎访问服务器技术网-www.fuwuqijishu.com

charCode 事件属性

JavaScript fuwuqijishu 2年前 (2022-09-04) 65次浏览 0个评论 扫描二维码
文章目录[隐藏]

charCode 事件属性

事件对象

实例

获取按下的键盘按键Unicode值::

var x = event.charCode;

x 输出结果为:

119   // 119 是字母
“w”

本文底部包含了更多实例。


定义和使用

charCode 属性返回onkeypress事件触发键值的字母代码。

Unicode 字符代码是一个字母的数字 (如数字 “97” 代表字母 “a”)。

提示: 所有 Unicode 字符列表可查看我们的 完整 Unicode 参考手册。

提示: 如果你需要将 Unicode 值转换为字符,可以使用 fromCharCode() 方法。

注意: 如果该属性用于
onkeydown 或 onkeyup
事件,返回值总为 “0”。

注意: 该属性是只读的。

注意: which 和 keyCode 属性提供了解决浏览器的兼容性的方法,最新版本的 DOM 事件推荐使用 key 属性来替代该方法。

注意:IE8 及其更早版本不支持 which 属性。不支持的浏览器可使用 keyCode 属性。但是, keyCode 属性在 Firefox 浏览器的 onkeypress 事件中是无效的。 兼容这些浏览器你可以使用以下代码:

var x = event.charCode || event.keyCode; // 使用 charCodekeyCode, 这样可支持不同浏览器

提示: 你同样可以使用 keyCode 属性来检测特殊的按键 (如 “caps lock” 或 箭头按键)。
keyCode 和 charCode 属性提供了解决浏览器的兼容性的方法,最新版本的 DOM 事件推荐使用 key 属性来替代该方法。

提示: 如果你想查看是否按下了 “ALT”, “CTRL”, “META” 或 “SHIFT” 键,可使用 altKey, ctrlKey, metaKey 或 shiftKey 属性。


浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

属性
charCode Yes 9.0 Yes Yes Yes


语法

event.charCode

技术细节

返回值: 数字,表示 Unicode 字符代码
DOM 版本: DOM Level 2 Events


更多实例

实例

获取按键 Unicode 值的浏览器兼容解决办法:

// 如果浏览器不支持 charCode, 则使用 keyCode (
IE8 及更早版本)
var x = event.charCode || event.keyCode;

实例

当用户按下 “O” 键时,弹出提示信息:

function myFunction(event) {
    var x = event.charCode || event.keyCode;
   
if (x == 111 || x == 79) { // o 是 111, O 是 79
       
alert(“你按下了 ‘O’ 键!”);
    }
}

实例

将 Unicode 值转换为字符:

var x = event.charCode || evt.keyCode;   // 获取 Unicode 值

var y = String.fromCharCode(x);         
// 将值转换为字符


相关页面

HTML DOM 参考手册: key 事件属性

HTML DOM 参考手册: keyCode 事件属性

HTML DOM 参考手册: which 事件属性


事件对象

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2204.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900