gpt4 book ai didi

JavaScript - 在不使用 :hover 的情况下为多个元素设置 onmouseover

转载 作者:行者123 更新时间:2023-12-03 07:18:00 25 4
gpt4 key购买 nike

有什么方法可以通过不使用 :hover 并且不在所有元素中添加“onmouseover 和 onmouseout”来做到这一点,就像在脚本中为所有输入元素设置 onmouseover 和 onmouseout 的有效方法一样。

注意:在尝试使用 JQuery 之前,请先尝试使用 JavaScript


<head>

<title>123</title>

<style>

.button {
color: red;
}

.button:hover {
color: blue;
}

</style>

</head>

<body>

<div>

<input class="button" type="button" value="1">

<input class="button" type="button" value="2">

<input class="button" type="button" value="3">

</div>

</body>

最佳答案

使用 input 标签遍历所有元素

a=document.getElementsByTagName('input')
for (i in a){
a[i].onmouseover=function(){/* code goes here */}
a[i].onmouseout=function(){/* code goes here */}
}

使用 jQuery:

$('input').on('mouseover',function(){/* code goes here */}).on('mouseout',function(){/* code goes here */})

关于JavaScript - 在不使用 :hover 的情况下为多个元素设置 onmouseover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14787248/

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