javascript - 如何使用javascript模拟css的悬停

标签 javascript jquery html css

我有一个下面的 HTML 文件,当我手动将光标移动到虚拟链接上时,它显示黄色,因为我已经在 css 悬停上添加了该样式。 同样我想用java脚本来模拟。 下面是供引用的图片。

image

请建议我如何实现它?

<!DOCTYPE html>
<html>
<head>
<style>
a:hover {
   background-color: yellow;
}
</style>
</head>
<body>

<a href="https://####">dummylink</a>

<p><b>Note:</b> The :hover selector style links on mouse-over.</p>

</body>
</html>

最佳答案

使用mouseovermouseout事件:

const a = document.querySelector('a');
a.onmouseover = () => a.style.backgroundColor = 'yellow';
a.onmouseout = () => a.style.backgroundColor = null;
<a href="https://####">dummylink</a>

关于javascript - 如何使用javascript模拟css的悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50167814/

相关文章:

javascript - 有没有办法获取包含调用函数的内联 JS 脚本的 DOM 元素?

javascript - 每 30~ 分钟从服务器检索数据的最佳方法?

php - 将通过 AJAX 上传到 DIV 的变量传递到同一个 DIV 中,并用结果替换内容

javascript - 自定义Verify.js验证规则不适用

javascript - 自定义 Div 滚动条

javascript - 多个 not() DOM 选择器

javascript - 使用 angularJs 未在模态中显示正确的信息

php - php echo 和 return 在 jQuery ajax 调用方面的区别

javascript - BootStrap 布局高度 100%

javascript - toMatch 不工作