独自のハンドラー内の JavaScript イベントリスナーを安全に削除するにはどうすればよいですか?-jsチュートリアル-php.cn

独自のハンドラー内の JavaScript イベントリスナーを安全に削除するにはどうすればよいですか?

Barbara Streisand

リリース： 2024-12-07 14:51:12

オリジナル

603 人が閲覧しました

How Can I Safely Remove JavaScript Event Listeners Inside Their Own Handlers?

イベントハンドラー内の JavaScript イベントリスナーの削除

JavaScript では、同じイベントハンドラーの定義内でイベントリスナーを削除すると問題が発生する可能性があります。これに対処するには、次の戦略を検討してください。

名前付き関数の使用

1 つのアプローチには、名前付き関数の使用が含まれます。

var click_count = 0;

function myClick(event) {
    click_count++;
    if (click_count == 50) {
        // to remove
        canvas.removeEventListener('click', myClick);
    }
}

// to add
canvas.addEventListener('click', myClick);

ログイン後にコピー

間接イベント処理によるクロージャ

あるいは、間接的なイベント処理を使用してクリックカウンターを閉じることもできます。パターン:

var myClick = (function (click_count) {
    var handler = function (event) {
        click_count++;
        if (click_count == 50) {
            // to remove
            canvas.removeEventListener('click', handler);
        }
    };
    return handler;
})(0);

// to add
canvas.addEventListener('click', myClick);

ログイン後にコピー

ファンクションジェネレーターの使用

各要素に独自のカウンターが必要な場合は、ファンクションジェネレーターを使用できます:

var myClick = function (click_count) {
    var handler = function (event) {
        click_count++;
        if (click_count == 50) {
            // to remove
            canvas.removeEventListener('click', handler);
        }
    };
    return handler;
};

// to add
canvas.addEventListener('click', myClick(0));

ログイン後にコピー

以上が独自のハンドラー内の JavaScript イベントリスナーを安全に削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。