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>