上一节:
下一节:

  JavaScript HTML DOM onkeyup 事件

  • onkeyup 事件

    当用户释放键（在键盘上）时，会发生onkeyup事件。
    提示：onkeyup事件相关的事件顺序：
    • onkeydown事件
    • onkeypress事件
    • onkeyup事件
    用户释放键盘时执行JavaScript： 
    <input type="text" onkeyup="myFunction()">
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    事件
    onkeyup
    支持
    支持
    支持
    支持
    支持

  • 语法

    在HTML中：
    <element ondrag="myScript">
    在JavaScript中：
    object.ondrag = function(){myScript};
    在JavaScript中，使用addEventListener()方法：
    object.addEventListener("keyup", myScript);
    注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。

  • 技术细节

    项目 描述
    冒泡： 有
    取消： 有
    事件类型： KeyboardEvent
    支持的HTML标记： 所有HTML元素，除了：<base>，<bdo>，<br>，<head>，<html>，<iframe>，<meta>，<param>，<script>，<style>和<title>
    DOM版本 DOM Event Level 2

  • 更多例子

    使用“onkeydown”和“onkeyup”事件： 
    <input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
    尝试一下
    输出在文本字段中释放的实际键： 
     输入你的名字: <input type="text" id="fname" onkeyup="myFunction()">

<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>
    尝试一下

  • 相关页面

    HTML参考：HTML onkeyup 属性
返回Event对象参考    返回事件参考
上一节:
下一节: