keydown，keyup的用法

最新推荐文章于 2022-08-25 01:39:28 发布

hamimelon2020

最新推荐文章于 2022-08-25 01:39:28 发布

阅读量257

点赞数

分类专栏： vue JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_40945354/article/details/119897394

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/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>