教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript中的keyCode属性

javascript中的keyCode属性

发布时间:2015-01-28   编辑:jiaochengji.com
本文介绍下,javascript中keyCode属性的用法,有需要的朋友参考下。

在页面中发生keydown和keyup事件时,event对象的keyCode属性中会包含一个代码,与键盘上一个特定的键对应。
与数字字母键,keyCode属性的值与ASCII码中对应小写字母或数字的编码相同。

因此,数字键7的keyCode值为55,而字母A键的keyCode值为65——与Shift键的状态无关。
DOM和IE的event对象都支持keyCode属性。

例子:

var EventUtil = {
    getEvent: function (event) {
        return event ? event : window.event;
    },
    addHandler: function (element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }
};
var textbox = document.getElementById("myText");
EventUtil.addHandler(textbox, "keyup", function (event) {
    event = EventUtil.getEvent(event);
    alert(event.keyCode);
});

以上例子中,用户每次在文本框中按键触发keyup事件时,都会显示keyCode的值。
无论是keydown或keyup事件都会存在一些特殊情况。

在Firefox和Opera中,按分号键时keyCode值为59,也就是ASII中分号的编码;但IE和Safari返回186,即键盘中按钮的键码。
在Safari3之前的版本中,上、下、左、右箭头和上、下翻页键返回大于63000的值。

在Opera9.5之前的版本中,会将非数字字母键的keyCde设置为等于相应字符的ASCII编码,因此小于键返回44而不是188。
在Safari3之前的版本中,不会因为按下了制表、上档、控制或替代键而触发keydown和keyup事件。

您可能感兴趣的文章:
javascript键盘键码值表大全(收藏)
javascript中的keyCode属性
javascript键盘事件keycode大全
javascript 跨浏览器获取字符编码 学习charCode的用法
JavaScript键盘事件深入解析
jQuery 验证文本框只能输入数字与小数点
jquery获得keycode的示例代码
js 判断键盘事件大全(兼容FireFox和IE,包括退格、回车、空格、方向键、删除键等)
javascript键盘事件用法总结
js检测大小写锁定键程序代码

[关闭]
~ ~