jQuery中keyup与keydown事件的用法

来源:互联网 发布:上瘾 顾海 知乎 编辑:程序博客网 时间:2024/05/18 03:26

定义和用法

与 keyup 事件相关的事件顺序:
1.keydown - 键按下的过程
2.keypress - 键被按下
3.keyup - 键被松开

当键盘键被松开时发生 keyup 事件。

keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){  $("input").keydown(function(){    $("input").css("background-color","yellow");  });  $("input").keyup(function(){    $("input").css("background-color","pink");  });});</script></head><body>输入你的名字: <input type="text"><p>在以上输入框中输入你的名字。在按键按下后输入框背景颜色会改变。</p></body></html>
阅读全文
0 0