本文主要是介绍鼠标事件（点击换色）分别使用js和jQuery代码实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
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>这篇关于鼠标事件（点击换色）分别使用js和jQuery代码实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
