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