覆盖库中的悬停事件

Question

现在，我正在使用提供特定小部件的JS库。

基本上我有列表（删除了很​​多样板DOM，因为它没有必要显示）：

<li class="disabled">

当我徘徊在此时，我得到：

<li class="disabled state-active"> 

我希望覆盖此悬停事件，以添加“状态 - 活跃”状态＆＃39; class，如果类已经包含disabled。

最好的方法是什么？

Answer 1

您可以遍历列表项，创建每个项的克隆并用克隆替换原始项。使用cloneNode克隆元素不会复制附加到该节点的事件：

var lis = document.getElementsByTagName('li');
for(i=0; i<lis.length; i++){
    liClone = lis[i].cloneNode(true);
    lis[i].parentNode.replaceChild(liClone,lis[i]);
}

JSFiddle

<强>文档

• .cloneNode()