Javascript：如何移除eventListener？

Question

如何使用Javascript删除以下事件侦听器？下面简单

var commentArea=$(this).parent().find('.comment_input_content')[0]; 

    commentEditDropbox = commentArea; 
    commentEditDropbox.addEventListener("dragenter", dragenter, false); 
    commentEditDropbox.addEventListener("dragover", dragover, false); 
    commentEditDropbox.addEventListener("drop", drop, false); 
    function dragenter(e) { 
     e.stopPropagation(); 
     e.preventDefault(); 
     // $("#topic_content_input").css("cursor:copy");   
    } 
    function dragover(e) { 
     e.stopPropagation(); 
     e.preventDefault(); 
     // $("#topic_content_input").css("cursor:copy"); 
    } 
    function drop(e) { 
     e.stopPropagation(); 
     e.preventDefault(); 
     // $("#topic_content_input").css("cursor:copy"); 
     var dt = e.dataTransfer; 
     var files = dt.files; 
     var attr = $(this).attr('contenteditable'); 
     // if contenteditable is true 
     if(attr){ 
     commentEditHandleFileSelect(files); 
     alert("drop"); 
     } 
    } 

我累代码通过替换的addEventListener到removeEventlistener，但没有工作:(

var commentArea=$(this).parent().find('.comment_input_content')[0]; 

commentEditDropbox = commentArea; 
commentEditDropbox.removeEventListener("dragenter", dragenter, false); 
commentEditDropbox.removeEventListener("dragover", dragover, false); 
commentEditDropbox.removeEventListener("drop", drop, false); 

Answer 1

你使用jQuery选择你要那么你会得到一个jQuery选择对象的元素。

我会建议并removeEventListener改变的addEventListener关闭。

commentEditDropbox.on("dragenter", dragenter); 
commentEditDropbox.on("dragover", dragover); 
commentEditDropbox.on("drop", drop); 

commentEditDropbox.off("dragenter", dragenter); 
commentEditDropbox.off("dragover", dragover); 
commentEditDropbox.off("drop", drop);