javascript - Bagaimana untuk lulus secara dinamik dalam fungsi parameter untuk addEventListener?

Question

Terdapat jawapan yang tidak diterima pakai untuk "Xiaoxiao Yuxie", yang juga berguna, tetapi saya belum tahu penggunaan khusus let lagi. Maaf, saya benar-benar mahu mengambil dua anak angkat.

Hasilnya pasti
klik butang1 alert(3)
klik butang2 alert(3)

Cara mengubah suai kod untuk membuat
klik butang1 alert(1)
klik butang2 alert(2)

Saya rasa masalah ini agak serupa dengan masalah penutupan klasik iaitu settimeout, tetapi saya tidak dapat memikirkan sebarang penyelesaian.

Sila beri saya nasihat.

Answer 1

function myclick(i){
    return function(){
         alert(i)
    }

Parameter kedua dihantar ke myclick(i)

Answer 2

Simpan parameter dalam atribut setiap elemen butang.
atau guna let

Answer 3

<button id='myButton1' data-info='abc'></button> Selepas mengklik butang, dapatkan atribut dalam data-info

Answer 4

Jquery secara amnya mengendalikan DOM Semasa rendering, ia biasanya disambungkan ke DOM dalam format data-*, dan kemudian ia diperoleh dan kemudian digunakan $(this).attr(key)

.

Answer 5

Tukar var kepada let

 window.onload = function () {
      for (let i = 1; i < 3; i++) {
        document.getElementById('myButton' + i)
          .addEventListener('click', () => {
            myClick(i)
          })
      }
    }