-3

重複の可能性:
JavaScript:イベントリスナーを削除

次のJavaScriptを使用して、HTMLページにリスナーを追加しています。しかし、その要素がクリックされたら、リスナーを削除する必要があります。これに関するアイデアをいただければ幸いです。

リスナーのJavaScriptコードは次のとおりです。

document.addEventListener('mousemove',function(e){
    var elem = e.target || e.srcElement;
    if (prevElement!= null) {prevElement.classList.remove("className");}
    elem.classList.add("className");
    prevElement = elem;
},true);
4

1 に答える 1

2

名前付き関数を使用する必要があります。removeEventListenerその後、それを削除するために使用できます。

function mouseMoveCallback(e) {
    // Put your code here...
}

function clickCallback(e) {
    document.removeEventListener('mousemove', mouseMoveCallback, true);
    document.removeEventListener('click', clickCallback, true);
}

document.addEventListener('mousemove', mouseMoveCallback, true);
document.addEventListener('click', clickCallback, true);
于 2012-07-19T18:00:25.710 に答える