相关疑难解决方法(0)
addEventListener vs onclick
addEventListener和之间有什么区别onclick？
var h = document.getElementById("a");
h.onclick = dothing1;
h.addEventListener("click", dothing2);
上面的代码一起存在于一个单独的.js文件中,它们都完美地工作.
推荐指数
解决办法
查看次数
使用JS触发css悬停
我想知道是否有可能以某种方式用JS触发CSS HOVER效果,而不必使用额外的类......
这是我想做的一个例子:http: //jsfiddle.net/pXbMZ/2/
我尝试过激活效果,mouseenter()但这不会触发CSS悬停效果.
PS:我已经创建了一个帮助用户使用在线CMS的功能.帮助功能向您展示如何通过移动图像来显示如何使用东西.虚拟光标可以点击东西,显示元素等.但我希望这个虚拟光标能够触发:CSS中设置的悬停效果.
推荐指数
解决办法
查看次数
如何使用Javascript触发CSS"悬停状态"？
当用户将鼠标悬停在元素上时,将触发CSS的"悬停状态":
<style>
.element{
}
.element:hover{
background-color:red;
}
</style>
如何使用Javascript将元素设置为"悬停状态"？
可能吗？
推荐指数
解决办法
查看次数
CSS：悬停不起作用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type='text/css'>
#body{
margin:0px;
}
#headerDiv{
background-color:#e0e2eb;
}
.header_innerHeaderDivs{
border:solid 1px gray;
display:inline;
font:normal 11px tahoma;
color:black;
}
.header_innerHeaderDivs:hover{
padding:4px;
}
</style>
</head>
<body id='body'>
<div id='headerDiv'>
<div class='header_innerHeaderDivs'>Comapny</div>
<div class='header_innerHeaderDivs'>Edit</div>
<div class='header_innerHeaderDivs'>Inventory</div>
<div class='header_innerHeaderDivs'>Logout</div>
</div>
</body>
</html>
使用火狐3.6.3
推荐指数
解决办法
查看次数
Storybook 中的模拟悬停状态？
我的组件中有一个悬停样式：
const style = css`
color: blue;
&:hover {
color: red;
}
`;
您可以在 Storybook 中模拟它，以便无需手动将鼠标悬停在组件上即可显示它吗？
推荐指数
解决办法
查看次数
使用JQuery悬停项目
有没有办法使用javascript悬停元素？我不想创建另一个类,我只是想在我的鼠标指针不在该元素上时使元素悬停在javascript上.
例如,我有5个具有相同类的元素,当我们其中一个实际悬停时,我想在所有这些元素上调用悬停.
推荐指数
解决办法
查看次数
有什么方法可以在开发人员工具中模拟onmouseover吗？
我知道Firefox提供了一种模拟悬停，活动和焦点过滤器的方法。
有什么方法可以模拟onmouseover高程？
我想一起模拟两个元素，这可能吗？
我没有为此目的找到任何扩展。先感谢您。
推荐指数
解决办法
查看次数
使用 JavaScript 将鼠标悬停在元素上？
注意：我想悬停元素而不是在悬停时触发事件。（一种使用 Javascript 的自动悬停）
我想通过在 chrome 控制台中运行 JS 来随机对我墙上的 Facebook 帖子的评论做出反应。
为此，我编写了这一行来测试列表中的第一个索引：
document.querySelectorAll('._6ijk a._6a-y')[0].click()
当我手动将鼠标悬停在一个元素上并使用此代码时，它可以工作，其选择器是：
document.querySelector("[aria-label=Love]").click()
但在悬停之前没有这样的元素 "[aria-label=Love]"
但是，除了“喜欢”按钮之外的所有其他反应都出现在“喜欢”按钮上，这让我遇到了麻烦。有什么好的解决方案可以解决这种情况吗？
推荐指数
解决办法
查看次数
JavaScript具有模拟用户互动的方法，例如.click（）、. focus（）、. blur（）。但是没有.hover（）。JS可以模拟悬停/鼠标悬停吗？
Javascript可以模拟用户交互。
任何脚本可以像模拟用户交互click或focus在网页上的特定元件上，通过使用方法.click()和.focus()。
例：
const square = document.getElementsByClassName('square')[0];
const clickSquare = () => {
event.target.dataset.receivedAction = 'click';
event.target.innerHTML = '<p>I\'ve been clicked!</p>';
}
const clearSquare = () => {
square.removeAttribute('data-received-action');
square.innerHTML = '';
}
square.addEventListener('click', clickSquare, false);
const clickButton = document.querySelector('[data-deliver-action="click"]');
const clearButton = document.querySelector('[data-deliver-action="clear"]');
clickButton.addEventListener('click', () => square.click(), false);
clearButton.addEventListener('click', clearSquare, false);.square {
display: block;
width: 120px;
height: 120px;
margin: 12px 6px;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: …推荐指数
解决办法
查看次数
标签 统计
javascript ×7
css ×2
firefox ×2
html ×2
jquery ×2
browser ×1
dom-events ×1
event-driven ×1
hover ×1
onclick ×1
onmouseover ×1
storybook ×1