cost 303 ms
如何重置按键时的背景颜色? - How can I reset background color on keypress?

我正在尝试让 div 在鼠标悬停时更改其背景颜色,并能够重置那些 colors。我已经管理了前者,但后者给我带来了问题。 如所写,div 实际上会改变颜色,但尝试按下某个键不会产生任何结果。 我还尝试将 resetColor function 放在同一脚本块中,但这样做使得我什至无法将 hover ...

无法使用 querySelectorAll() 向元素添加事件侦听器 - can't add event listeners to elements using querySelectorAll()

我试图在某些具有data-hide-links属性的链接上添加mouseover事件,但它根本不起作用。 我知道我的循环工作正常并且它选择了正确的元素,因为我可以console.log()我想要的元素。 我也确定事件侦听器没有添加到元素中,因为当我查看元素的原型时, onmouseover属性为nu ...

onMouseOver 在数据变化时不断调用 - onMouseOver keeps calling when data changes

我有一个应用程序,我在其中绘制了 map 上的最新位置。这些位置大约每秒更新一次。 我正在尝试拥有它,以便我可以 hover 在位置上,这是 svg 个圆圈,但是每次我的 useEffect 更新数据和 map 更新上的位置时,onMouseOver 都会不断调用。 我该如何解决这个问题。 所以基本 ...

如何添加 2 个 addeventlisteners 一起工作(例如:当鼠标指针位于屏幕左侧时,在 dblclick 上运行事件) - How to add 2 addeventlisteners to work together (e.g.: run event on dblclick when mouse pointer is at left side of screen)

JavaScript 的新手,试图弄清楚如何组合 addEventListener 事件。 例如,我想在我双击屏幕的一侧时触发一些东西,在 30 或 40 像素内。 我想我需要以某种方式结合这些: document.addEventListener("dblclick",function (ev ...

onMouseEnter 事件不起作用。 当鼠标指针滚动到 div 主体时 - onMouseEnter event is not working. When mouse pointer is scrolled into the div body

试试这个是 JavaScript,创建 div 并在该 div 上添加一个 onmouseenter 事件,当您将鼠标 cursor 移动到该 div 上时,该事件将按预期调用。 但是仅当您将 cursor 移动到 div 主体上时才会调用此事件,而不是当您滚动到 div 主体时,向下滚动到页面并将 ...

将鼠标悬停在一个元素上并选择具有相同类的所有元素 - Hover over one element and select all elements with the same class

请参阅我的 HTML 代码。 有一张绿色地图,当将鼠标悬停在它上面时,它应该将颜色变为黄色。 问题是,有单独的 SVG 图形(岛)不会改变它们的颜色。 当鼠标只悬停在一个 SVG 路径上时,是否有 JavaScript 解决方案,所有 SVG 路径都会改变颜色? .cls-4 { ...

setInterval 不适用于 onmouseover - setInterval doesn’t work with onmouseover

我正在使用 luxon 获取一些不同时区的信息。 当鼠标悬停在内容 div 上时,它必须显示城市的当前时间,当调用 onmouseout 时,再次显示城市名称。 但不知何故 setInterval 不适用于 onmouseover function,它只保留停止时间信息。 我想要制作的是当我将鼠标 ...

onmouseover 和 onmouseout 帮助 - 无法持续执行 - onmouseover & onmouseout help - unable to continually to do it

这是我的代码,我正在尝试这样做,当我 hover 在图像上播放视频时,当你 hover 关闭时它停止视频并返回到原始图像。 问题是当我关闭 hover 时,我无法再次悬停以再次播放视频。 我想知道如何才能做到这一点,以便我可以 hover 在图像上不止一次播放视频。 我的编码如下: ...

HTML 和 Javascript - 将灰度应用于表格中的图像,然后将鼠标悬停在图像上 go 返回彩色版本 - HTML with Javascript - Apply grayscale to images in a table, then mouseover images to go back to colored version

我有一个关于在 javascript 中使用 mouseover / mouseout 事件以及将灰度应用于表格的问题。 问题说我必须首先在 html 中制作一个全灰色的图像网格(表格)。然后我需要将 javascript 添加到 html 以便当我将鼠标悬停在图像上时,图像变成彩色图像,当我将鼠标 ...

SVG 除元素外的鼠标事件透传 - SVG Mouse Event Passthrough except for elements

我有一个透明的 SVG canvas 作为对其他元素的覆盖。 我想要的是允许鼠标事件传递到下面的元素,但可见 svg 元素上的事件也可以工作。 我可以得到它,以便 svg 捕获事件,或者让它们通过 svg 元素上的 css 指针事件(无|自动),但无法弄清楚如何仅在 svg 的可见元素上捕获事件。 ...

当您 hover 将鼠标悬停在文本上时,我应该更改文本颜色、大小和字体。 我怎样才能使这种情况持续发生? - i am supposed to change the text color, size, and font when you hover the mouse over the text. How can i made this happen continiuously?

mouseon Function 将文本更改为绿色,其 position。我还需要它来更改字体和大小。 当鼠标悬停在文本上时,我需要这两个功能一直发生。 我希望鼠标关闭 function 以使文本恢复正常。 ...

onClick 事件可以处理 onMouseEnter 事件吗? - can an onClick event handle an onMouseEnter event?

所以我在 div 的右侧显示了一堆徽标,在左侧显示了信息卡。 悬停时的每个徽标都会使卡片显示特定信息。 我正在尝试制作一个 function,当单击徽标而不是仅将鼠标悬停时,将使卡片粘在他们单击的徽标中的信息上。 出现这个问题是因为有人使用cursor阅读。 因此,如果用户在屏幕的最右侧并试图从 ...

gameObject SetActive(false) 正在禁用我的所有子对象 - gameObject SetActive(false) is disabling all my child objects

我有两个脚本一个父母和一个孩子。 如果使用 Input.("Fire1"),父脚本会提供 On Mouseover 方法供子级使用。 然后它应该禁用鼠标经过的对撞机并得分。 但是我遇到了一个错误,如果我单击一个带有子脚本的预制对撞机,它将禁用所有预制游戏对象。 我该如何解决这个问题,以便我的子脚本一 ...

href 链接不适用于带有“onmouseover 更改文本”和 onmouseout 的 innerHTML 脚本 - href link not working with innerHTML script with "onmouseover change text" and onmouseout

我的目标是在鼠标悬停时将文本从“hello”(没有链接)更改为“Google”,并在生成的“Google”文本上提供 HREF,然后在没有链接的情况下恢复为“hello”onmouseout。 下面的代码用于将文本从“hello”更改为“Google”,但 1)“Google”上的链接不起作用(即使 ...

做了一个<div> display:block with onmouseover() 但我无法点击它,因为一旦我将鼠标移开,它就会因为 onmouseout() 而消失</div><div id="text_translate"><p>所以我做了一个 display: block 当鼠标悬停在某个时,并 display: none 当 cursor 移开时。 '</p><p> <a href="https://i.stack.imgur.com/hu3Zz.png" rel="nofollow noreferrer">我制作的 div 仅在鼠标悬停在某个链接上时显示</a></p><p> <a href="https://i.stack.imgur.com/afbPC.png" rel="nofollow noreferrer">div 有一个 display: none 当鼠标离开链接时</a></p><p>这是我用过的代码</p><p> HTML:</p><pre> &lt;a href="#" onmouseover="LoginShow()" onmouseout="LoginHide()"&gt;Login/Sign Up&lt;/a&gt;</pre><p> JavaScript:</p><pre> function LoginShow (){ document.getElementById("log").style.display="block";} function LoginHide(){ document.getElementById("log").style.display="none";}</pre><p> 但是我无法单击 div,因为一旦我尝试将 cursor 移动到 div 中的按钮,则 div 将不显示任何内容,因为我必须将 cursor 远离链接。</p><p> 我是 JS 新手,但我见过其他 web 页面这样做,div 在鼠标悬停时显示的方式是什么,可以单击并显示:只有当我离开 div 时才显示。</p><p> 我也试过</p><pre> &lt;a href="#" onmouseover="LoginShow()"&gt;Login/Sign Up&lt;/a&gt; &lt;div class="login" id="log" onmouseover="LoginShow()" onmouseout="LoginHide()"&gt;</pre><p> It kind of solves the problem, but for the div to go to display none I have to move the cursor away from the div, if the move the cursor away from the anchor tag, it doesn't go away.</p></div> - made a <div> display:block with onmouseover() but i can't click on it becasue as soon as I move my mouse away it disappears because of onmouseout()

所以我做了一个 display: block 当鼠标悬停在某个时,并 display: none 当 cursor 移开时。 ' 我制作的 div 仅在鼠标悬停在某个链接上时显示 div 有一个 display: none 当鼠标离开链接时这是我用过的代码 HTML: JavaScript: 但 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM