Question

Possible Duplicate:
JavaScript: remove event listener

I am adding some listener in my html page using the following javascript. But i need to remove the listener once that element is clicked. Any idea on this would be greatly appreciated.

Here is the JavaScript code for the listener,

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);

Answer 1

You’ll have to use a named function. You can then just use removeEventListener to remove it:

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);