その中にメソッドを持つオブジェクトがあります。これらのメソッドは、無名関数内のオブジェクトに配置されます。次のようになります。

var t = {};
window.document.addEventListener("keydown", function(e) {
    t.scroll = function(x, y) {
        window.scrollBy(x, y);
    };
    t.scrollTo = function(x, y) {
        window.scrollTo(x, y);
    };
});  

（もっと多くのコードがありますが、これは問題を示すのに十分です）

次に、イベントリスナーを停止したい場合があります。したがって、私はremoveEventListenerを実行しようとしていますが、これを行う方法を理解できません。他の質問で、匿名関数でremoveEventListenerを呼び出すことは不可能であると読みましたが、これはこの状況の場合にも当てはまりますか？

無名関数内に作成されたメソッドがあり、それが可能だと思いました。このように見えます：

t.disable = function() {
    window.document.removeEventListener("keydown", this, false);
}

なぜこれができないのですか？

これを行う他の（良い）方法はありますか？

ボーナス情報; これはSafariでのみ機能する必要があるため、IEサポートがありません。

それが無名関数の要点だと思います。名前や参照方法がありません。

私があなただったら、名前付きの関数を作成するか、それを変数に入れて参照できるようにします。

var t = {};
var handler = function(e) {
    t.scroll = function(x, y) {
        window.scrollBy(x, y);
    };
    t.scrollTo = function(x, y) {
        window.scrollTo(x, y);
    };
};
window.document.addEventListener("keydown", handler);

その後、それを削除することができます

window.document.removeEventListener("keydown", handler);   

実際の関数の内部にいる場合は、arguments.calleeを関数への参照として使用できます。のように：

button.addEventListener('click', function() {
      ///this will execute only once
      alert('only once!');
      this.removeEventListener('click', arguments.callee);
});

編集： これは、厳密モード（"use strict";）で作業している場合は機能しません

strictモードで機能するOtto Nascarellaのソリューションのバージョンは次のとおりです。

button.addEventListener('click', function handler() {
      ///this will execute only once
      alert('only once!');
      this.removeEventListener('click', handler);
});

window.document.removeEventListener("keydown", getEventListeners(window.document.keydown[0].listener));  

いくつかの匿名関数である可能性があります、キーダウン1

警告：でのみ機能しChrome Dev Tools、コードでは使用できません：リンク

最新のブラウザでは、次のことができます...

button.addEventListener( 'click', () => {
    alert( 'only once!' );
}, { once: true } );

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters

それほど匿名ではないオプション

element.funky = function() {
    console.log("Click!");
};
element.funky.type = "click";
element.funky.capt = false;
element.addEventListener(element.funky.type, element.funky, element.funky.capt);
// blah blah blah
element.removeEventListener(element.funky.type, element.funky, element.funky.capt);

アンディからフィードバックを受け取ったので（かなり正しいですが、多くの例と同様に、私はアイデアのコンテキスト展開を示したいと思っていました）、以下はそれほど複雑ではない説明です。

<script id="konami" type="text/javascript" async>
    var konami = {
        ptrn: "38,38,40,40,37,39,37,39,66,65",
        kl: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ]
    };
    document.body.addEventListener( "keyup", function knm ( evt ) {
        konami.kl = konami.kl.slice( -9 );
        konami.kl.push( evt.keyCode );
        if ( konami.ptrn === konami.kl.join() ) {
            evt.target.removeEventListener( "keyup", knm, false );

            /* Although at this point we wish to remove a listener
               we could easily have had multiple "keyup" listeners
               each triggering different functions, so we MUST
               say which function we no longer wish to trigger
               rather than which listener we wish to remove.

               Normal scoping will apply to where we can mention this function
               and thus, where we can remove the listener set to trigger it. */

            document.body.classList.add( "konami" );
        }
    }, false );
    document.body.removeChild( document.getElementById( "konami" ) );
</script>

これにより、実質的に匿名の関数構造が可能になり、実質的に非推奨のcalleeの使用が回避され、簡単に削除できます。

ちなみに、リスナーを設定した直後のスクリプト要素の削除は、コードを非表示にするためのかわいいトリックであり、こじ開ける目には明白ではありませんでした（驚きを台無しにするでしょう）。 ;-)

したがって、メソッド（より単純に）は次のとおりです。

element.addEventListener( action, function name () {
    doSomething();
    element.removeEventListener( action, name, capture );
}, capture );

これはすべてを削除するため、理想的ではありませんが、ニーズに応じて機能する可能性があります。

z = document.querySelector('video');
z.parentNode.replaceChild(z.cloneNode(1), z);

ノードのクローンを作成すると、組み込み（インライン）リスナーを含め、ノードのすべての属性とその値がコピーされます。addEventListener（）を使用して追加されたイベントリスナーはコピーしません

Node.cloneNode（）

JavaScript：addEventListener メソッドは、呼び出されたEventTarget（Element | document | Window）に指定されたリスナーを登録します。

EventTarget。addEventListener（event_type、handler_function、Bubbling | Capturing）;

マウス、キーボードイベント WebConsoleでのテスト例：

var keyboard = function(e) {
    console.log('Key_Down Code : ' + e.keyCode);
};
var mouseSimple = function(e) {
    var element = e.srcElement || e.target;
    var tagName = element.tagName || element.relatedTarget;
    console.log('Mouse Over TagName : ' + tagName);    
};
var  mouseComplex = function(e) {
    console.log('Mouse Click Code : ' + e.button);
} 

window.document.addEventListener('keydown',   keyboard,      false);
window.document.addEventListener('mouseover', mouseSimple,   false);
window.document.addEventListener('click',     mouseComplex,  false);

removeEventListener メソッドは、以前にEventTarget.addEventListener（）で登録されたイベントリスナーを削除します。

window.document.removeEventListener('keydown',   keyboard,     false);
window.document.removeEventListener('mouseover', mouseSimple,  false);
window.document.removeEventListener('click',     mouseComplex, false);

使ってもいいですか

これに最新のアプローチを与えるには：

//one-time fire
element.addEventListener('mousedown', {
  handleEvent: function (evt) {
    element.removeEventListener(evt.type, this, false);
  }
}, false);

私は同じ問題に出くわしました、そしてこれは私が得ることができる最良の解決策でした：

/*Adding the event listener (the 'mousemove' event, in this specific case)*/
element.onmousemove = function(event) {
    /*do your stuff*/
};
/*Removing the event listener*/
element.onmousemove = null;

window要素と'mousemove'イベントに対してのみテストしたので、このアプローチに問題がある可能性があることを覚えておいてください。

おそらく、あなたが何を求めているかという点では、最善の解決策ではありません。イベントリスナーの呼び出しでインラインで宣言された匿名関数を削除するための効率的な方法はまだ決定していません。

個人的に変数を使用してを格納し<target>、イベントリスナー呼び出しの外部で関数を宣言します。例：

const target = document.querySelector('<identifier>');

function myFunc(event) { function code; }

target.addEventListener('click', myFunc);

次に、リスナーを削除します。

target.removeEventListener('click', myFunc);

受け取る最高の推奨事項ではありませんが、匿名関数を削除するには、HTML要素を削除して置き換えることが唯一の解決策です。より良いバニラJSメソッドがあるに違いないと私は確信していますが、私はまだそれを見ていません。

私はこれがかなり古いスレッドであることを知っていますが、便利だと思う人のために私の2セントを投入するかもしれないと思いました。

スクリプト（非創造的なメソッド名についての謝罪）：

window.Listener = {
    _Active: [],
    remove: function(attached, on, callback, capture){
        for(var i = 0; i < this._Active.length; i++){
            var current = this._Active[i];
            if(current[0] === attached && current[1] === on && current[2] === callback){
                attached.removeEventListener(on, callback, (capture || false));
                return this._Active.splice(i, 1);
            }
        }
    }, removeAtIndex(i){
        if(this._Active[i]){
            var remove = this._Active[i];
            var attached = remove[0], on = remove[1], callback = remove[2];
            attached.removeEventListener(on, callback, false);
            return this._Active.splice(i, 1);
        }
    }, purge: function(){
        for(var i = 0; i < this._Active.length; i++){
            var current = this._Active[i];
            current[0].removeEventListener(current[1], current[2]);
            this._Active.splice(i, 1);
        }
    }, declare: function(attached, on, callback, capture){
        attached.addEventListener(on, callback, (capture || false));
        if(this._Active.push([attached, on, callback])){
            return this._Active.length - 1;
        }
    }
};

そして、あなたはそれを次のように使うことができます：

// declare a new onclick listener attached to the document
var clickListener = Listener.declare(document, "click" function(e){
    // on click, remove the listener and log the clicked element
    console.log(e.target);
    Listener.removeAtIndex(clickListener);
});

// completely remove all active listeners 
// (at least, ones declared via the Listener object)
Listener.purge();

// works exactly like removeEventListener
Listener.remove(element, on, callback);

window.document.onkeydown = function(){};