Mengapa Acara Inline onclick Saya Tidak Berfungsi dalam Sambungan Chrome/Firefox Saya?

Acara Onclick Tidak Berfungsi dalam Sambungan Chrome/Firefox

JavaScript Sebaris, yang biasa digunakan dalam dokumen HTML, membenarkan pelaksanaan skrip semasa interaksi pengguna seperti klik butang. Walau bagaimanapun, pendekatan ini menghadapi pengehadan dalam sambungan Chrome dan Firefox disebabkan oleh pertimbangan keselamatan dan prestasi.

Punca:

Sambungan Chrome dan Sambungan Web Firefox melarang JavaScript sebaris untuk meningkatkan keselamatan dan mencegah potensi kelemahan.

Penyelesaian:

Untuk menyelesaikan isu ini, anda mesti menggunakan pendengar acara untuk mengikat acara onclick pada elemen tertentu. Berikut ialah kod yang diubah suai:

popup.js:

document.addEventListener('DOMContentLoaded', function() {
  var link = document.getElementById('link');

  link.addEventListener('click', function() {
    hellYeah('xxx');
  });
});

popup.html:

<a></a>

Penjelasan:

• Berikan ID ke pautan, mis., "pautan."
• Dalam fail popup.js, gunakan document.addEventListener('klik', ...) untuk mendengar acara onclick pada pautan khusus itu.
• Fungsi panggil balik melaksanakan logik hellYeah('xxx') apabila pautan diklik.
• Pastikan popup.js adalah dimuatkan sebagai fail skrip berasingan dalam popup.html.

Dengan menggunakan kaedah ini, anda boleh mengikat acara onclick pada elemen dalam sambungan Chrome dan Firefox, memastikan kefungsiannya tanpa menjejaskan keselamatan.

Atas ialah kandungan terperinci Mengapa Acara Inline onclick Saya Tidak Berfungsi dalam Sambungan Chrome/Firefox Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!