位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 捕获键盘响应

提问人:刘团圆发布时间:2020-11-27

■知识点

当按下键盘键时,会连续触发多个事件,它们将按顺序发生。

对于字符键来说,键盘事件的响应顺序如下。

    keydown

    keypress

    keyup

对于非字符键(如功能键或特殊键)来说,键盘事件的响应顺序如下。

keydown

keyup

如果按下字符键不放,则keydown和keypress事件将逐个持续发生,直至松开按键。

如果按下非字符键不放,则只有keydown事件持续发生,直至松开按键。

■实例设计

本例演示如何获取键盘事件响应顺序。

<textarea id="textn cols="26" rows="16"></textarea>

<script>

var n = 1;                                                                  //定义编号变量

var text = document.getElementByld("text");          //获取文本区域的引用指针

text.onkeydown = f ;                                                //注册keydown事件处理函数

text.onkeyup = f;                                                      //注册keyup事件处理函数

text.onkeypress = f ;                                                //注册keypress事件处理函数

function f(e){                                                            //事件调用函数

    var e = e || window.event;                                   //标准化事件对象

    text.value += (n++) + "=" + e.type +" (keyCode=" + e.keyCode + ")\n";    //捕获响应信息

}

</script>

继续查找其他问题的答案?

相关视频回答
回复(0)

特邀嘉宾

软件开发工程师——刘团圆

软件开发专业科班出身,擅长软件开发课程培训。

向TA咨询

该嘉宾的QQ群

更多>>
返回顶部