onclick atau skrip sebaris dalam Sambungan tidak berfungsi
Masalah:
dalam sambungan , fungsi onClick gagal melaksanakan fungsi yang dimaksudkan, walaupun dalam pelayar saham ia berfungsi dengan baik.
Contoh kod:
function hellYeah(text) {
document.getElementById("text-holder").innerHTML = text;
}<!doctype html>
<html>
<head>
<title>Getting Started Extension's Popup</title>
<script src="popup.js"></script>
</head>
<body>
<div>Apabila pengguna mengklik "hyhy", "ha" sepatutnya bertukar kepada "xxx", tetapi dalam sambungan ia tidak tidak berfungsi.
Jawapan:
Pelanjutan Chrome dan Firefox WebExtensions tidak membenarkan JavaScript sebaris. Oleh itu, anda perlu menggunakan kaedah lain untuk mengikat acara.
Salah satu cara ialah dengan memberikan ID kepada pautan (contohnya, ) dan mengikat acara menggunakan addEventListener dalam fail popup.js:
document.addEventListener('DOMContentLoaded', function() {
var link = document.getElementById('link');
// 点击逻辑如下：
link.addEventListener('click', function() {
hellYeah('xxx');
});
});Pastikan pop timbul .js Dimuatkan sebagai fail skrip berasingan:
<script src="popup.js"></script>
Atas ialah kandungan terperinci Mengapa Fungsi Onclick Inline Saya Tidak Berfungsi dalam Sambungan Chrome/Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
