堆栈内存溢出
  繁体   English   中英

无法删除Div上的mouseover事件

[英]Cannot remove mouseover event on Div

 原文  2010-05-04 17:14:17  2   1    javascript

问题描述

我有一个奇怪的问题。我在DIV上有悬停事件。在运行时，我必须在DIV中插入一些元素。在插入div元素后应该不会发生悬停事件。但是问题是我是否在将DIV中的元素悬停在DIV之前插入元素后进行了悬停事件。我试图删除属性对其不起作用...

如果您有解决方案，请告诉我

1 个解决方案

解决方案1
 0  2010-05-04 17:30:05

正如gmcalab所说，请提供一些代码。

但是，从这里开枪。 由于类始终应用于元素，所以无论该元素的状态如何。 完成后，也许您可​​以编写一些JavaScript来更改DIV的类。 

<div id="yourdiv" class="foo">

完成您的工作，最后致电： 

document.getElementById('yourdiv').className = 'bar';

然后在CSS中像 

.bar:hover { background:#EDEDED; or-whatever-styling:you-need;}

但是再说一次，如果没有代码样本，这是一个很难的猜测...

如何交换<div>使用“鼠标悬停”事件的元素？</div><div id="text_translate"><pre> let wrapperSt = document.querySelector(".wrapper"); for(i=0; i<100; i++){ let divGroup = document.createElement('div'); wrapperSt.append(divGroup); divGroup.className= 'pixel'; divGroup.textContent= ''; }</pre><p> 我使用循环创建了名为“pixel”的 div 元素，因为我需要数百个元素。 （<em>我会将它们用作可以改变颜色的小盒子</em>）</p><p> 但是，我希望这些框（“<em>像素</em>”div）变成棕色并维持（ <em>style.backgroundColor ="brown";</em> ）</p><p> 因此，我创建了另一个 div 来替换之前的 div（“ <em>pixel</em> ”）。</p><pre> let selectPx = document.getElementsByClassName("pixel"); selectPx.addEventListener("mouseover", function(){ let pxChange = createElement("div"); //This is where i got stuck! })</pre><p> 我无法完成我的代码，我发现它有点复杂，即使它可能非常简单。</p><p> 任何建议或信息都会非常有帮助。 谢谢你。</p></div>

[英]How to swap <div> elements by using "mouseover" event?

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 div和childs上的Angular 2 mouseover事件 如何删除mouseover / mouseout事件 准确检测具有圆角的div的鼠标悬停事件 如何交换<div>使用“鼠标悬停”事件的元素？</div><div id="text_translate"><pre> let wrapperSt = document.querySelector(".wrapper"); for(i=0; i<100; i++){ let divGroup = document.createElement('div'); wrapperSt.append(divGroup); divGroup.className= 'pixel'; divGroup.textContent= ''; }</pre><p> 我使用循环创建了名为“pixel”的 div 元素，因为我需要数百个元素。 （<em>我会将它们用作可以改变颜色的小盒子</em>）</p><p> 但是，我希望这些框（“<em>像素</em>”div）变成棕色并维持（ <em>style.backgroundColor ="brown";</em> ）</p><p> 因此，我创建了另一个 div 来替换之前的 div（“ <em>pixel</em> ”）。</p><pre> let selectPx = document.getElementsByClassName("pixel"); selectPx.addEventListener("mouseover", function(){ let pxChange = createElement("div"); //This is where i got stuck! })</pre><p> 我无法完成我的代码，我发现它有点复杂，即使它可能非常简单。</p><p> 任何建议或信息都会非常有帮助。 谢谢你。</p></div> 如何将mouseover事件发送到父div？ 将mouseover事件添加到JavaScript创建的DIV中 使用JS函数在div中删除mouseover 在鼠标悬停时显示动态创建并删除的div 似乎无法使mouseover事件与mapbox一起使用 使用鼠标悬停事件防止在 div 内具有单击事件的按钮
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM