,可以通过以下步骤实现:
<div id="myDiv"></div>
.gray-background {
background-color: gray;
}
var myDiv = document.getElementById("myDiv");
myDiv.addEventListener("focus", function() {
myDiv.classList.add("gray-background");
});
myDiv.addEventListener("blur", function() {
myDiv.classList.remove("gray-background");
});
这是一个简单的示例,你可以根据实际需求进行修改和扩展。如果你想了解更多关于前端开发、CSS样式、JavaScript事件处理等方面的知识,可以参考腾讯云的前端开发相关产品和文档:
请注意,以上答案仅供参考,具体实现方式可能因个人需求和技术栈而异。
领取专属 10元无门槛券
手把手带您无忧上云