javascript onclick

Question

Saya menghadapi masalah seperti itu semasa menulis JS hari ini:

function init() {
        var btn = document.getElementById('sort-btn');
        btn.onclick = btnHandle();
    }

Di atas adalah bahagian kod JS saya Perhatikan di sini, ayat kedua dalam fungsi init, btn.onclick = btnHandle(); selepas memuat semula halaman, btnHandle Fungsi dilaksanakan secara langsung.
Kemudian saya menukar kod kepada ini

function init() {
        var btn = document.getElementById('sort-btn');
        btn.onclick = btnHandle;
    }

Selepas mengalih keluar () dalam pernyataan btn.onclick = btnHandle();

Kenapa ni? btnHandle dan btnHandle()

Answer 1

btn.onclick menerima fungsi, yang bermaksud melaksanakan fungsi ini apabila btn diklik dan btnHandle() anda bermaksud melaksanakan fungsi ini, memberikan btn .onclick ialah nilai pulangannya, dan sudah tentu ia dilaksanakan terlebih dahulu. btn.onclick接受一个函数，代表当 btn 被点击的时候执行这个函数，而你的btnHandle()代表了执行这个函数，给 btn.onclick的是他的返回值，当然就先执行了。

下面的写法就代表着，当 btn.onclick 时，执行 btnHandle

Tulisan berikut bermakna apabila btn.onclick dilaksanakan, fungsi btnHandle dilaksanakan. 🎜

Answer 2

btn.onclick = btnHandle(); Kod ini bermaksud untuk menetapkan hasil pelaksanaan kepada acara klik

Answer 3

Ini bermakna apabila anda memuat semula halaman, fungsi init akan dilaksanakan Selepas fungsi init dilaksanakan, apabila onclick diikat, baris kod btn.onclick = btnHandle();
adalah bersamaan dengan melaksanakan kaedah btnHandle dan. memberikan nilai pulangan kaedah kepada btn.
Dan btn.onclick = btnHandle;
bersamaan dengan btn.onclick = function(){xxxxx};
Maksudnya, rujukan pembolehubah btnHandle diberikan kepada btn.onclick
Jadi apabila peristiwa klik dicetuskan, wakil btnHandle akan dilaksanakan kaedah Fungsi