js代码实现:按键盘时换色,不按是另一个色。
<body>
输入你的名字: <input type="text">
<p>在以上输入框中输入你的名字。</p>
<script type="text/JavaScript">
let one=document.getElementsByTagName('input')[0];
console.log(one);
one.addEventListener("keydown", function() {
console.log("移入");
one.style.backgroundColor="yellow";
});
one.addEventListener("keyup", function() {
console.log("移入");
one.style.backgroundColor="pink";
});
</script>
</body>
jQuery代码实现
<body>
输入你的名字: <input type="text">
<p>在以上输入框中输入你的名字。</p>
</div>
<script type="text/JavaScript" src="js/jquery-3.4.1.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("input").keydown(function(){
$("input").css("background-color","yellow");
});
$("input").keyup(function(){
$("input").css("background-color","pink");
});
});
</script>