gpt4 book ai didi

javascript - CSS 悬停与 JavaScript 鼠标悬停

转载 作者:IT王子 更新时间:2023-10-29 02:46:10 26 4
gpt4 key购买 nike

<分区>

有时我可以选择使用 CSS element:hover 还是 JavaScript onmouseover 来控制页面上 html 元素的外观。考虑以下场景,其中 div 包装输入

<div>
<input id="input">
</div>

我希望当鼠标光标悬停在 div 上时输入更改背景颜色。 CSS 方法是

<style>
input {background-color:White;}
div:hover input {background-color:Blue;}
</style>

<div><input></div>

JavaScript 的方法是

<div onmouseover="document.getElementById('input').style.backgroundColor='Blue';">
<input id="input">
</div>

每种方法的优点和缺点是什么? CSS 方法是否适用于大多数网络浏览器? JavaScript 比 css 慢吗?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com