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>