Bagaimanakah Saya Boleh Mengalih Keluar Pendengar Acara dari Dalam Pengendali Acara Sendiri dalam JavaScript?

Mengalih keluar Pendengar Acara dalam Pengendali Acara

Anda sedang mencari penyelesaian untuk mengalih keluar pendengar acara dari dalam definisinya sendiri. Walau bagaimanapun, disebabkan mekanisme pengendalian acara JavaScript, ini tidak dapat dilaksanakan secara langsung.

Satu pendekatan ialah menggunakan fungsi yang dinamakan. Dengan mencipta fungsi bernama dan menggunakannya sebagai pengendali acara, anda kemudian boleh mengalih keluar pendengar acara dengan merujuk nama fungsinya. Pada masa yang sama, pembolehubah klik harus diisytiharkan di luar pengendali acara untuk memudahkan kenaikannya.

var click_count = 0;

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

canvas.addEventListener('click', myClick);

Sebagai alternatif, anda boleh menggunakan penutupan untuk mencipta fungsi yang merangkumi pembolehubah click_count. Pendekatan ini membolehkan anda menambah pembilang merentas berbilang elemen.

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

canvas.addEventListener('click', myClick);

Akhir sekali, jika anda lebih suka setiap elemen mempunyai pembilangnya sendiri, pertimbangkan untuk menggunakan fungsi tanpa nama yang menerima parameter untuk kiraan klik awalnya.

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

canvas.addEventListener('click', myClick( 0 ));

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Pendengar Acara dari Dalam Pengendali Acara Sendiri dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!