监听keyup 和keydown 事件

来源：互联网发布：手机制作字幕软件编辑：程序博客网时间：2024/05/02 00:54

keyup

http://www.w3school.com.cn/jquery/event_keyup.asp

触发 keyup 事件

语法$(selector).keyup()

将函数绑定到 keyup 事件

语法$(selector).keyup(function)

keydown

http://www.w3school.com.cn/jquery/event_keydown.asp

keydown 类似keyup，不在过多说明

案例

<!DOCTYPE HTML><html><head>    <title>keydown&keyup</title></head><body><body>Enter your name: <input type="text" /><p>当发生 keydown 和 keyup 事件时，输入域会改变颜色。请试着在其中输入内容。</p></body><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">$(document).ready(function() {    $("input").keydown(function(e) {        e = window.event || e;        if (e.keyCode == 38 || e.keyCode == 40) {            $("input").css("background-color", "#FFFFCC");        }    });    $("input").keyup(function() {        $("input").css("background-color", "#D6D6FF");    });});</script></html>

0 0