Mengapa `onclick='clear()'` Tidak Berfungsi dan Bagaimana Saya Boleh Membetulkannya?

Mengapa onclick="clear()" Tidak Berfungsi

Apabila cuba untuk melaksanakan fungsi bernama "clear()" menggunakan onclick atribut, fungsi mungkin gagal untuk dilaksanakan. Ini disebabkan oleh atribut peristiwa intrinsik, seperti onclick, menggunakan pernyataan with.

Isu: dengan Penyata

Pernyataan with sangat tidak digalakkan kerana ia boleh membawa kepada kepada pepijat yang mengelirukan dan isu keserasian. Apabila onclick="clear()" digunakan, ia tersilap memanggil document.clear() dan bukannya fungsi global yang dikehendaki clear().

Quick Fix

Kepada selesaikan isu tersebut, namakan semula fungsi clear() untuk mengelak daripada menggunakan perkataan terpelihara "clear" atau panggil secara eksplisit window.clear().

Penyelesaian Disyorkan: addEventListener

Penyelesaian yang lebih mantap ialah menggunakan addEventListener untuk mengikat pengendali acara. Kaedah ini lebih disukai berbanding atribut peristiwa intrinsik kerana ia menyediakan cara yang jelas dan boleh dipercayai untuk mengaitkan acara dengan fungsi.

Contoh:

<button onclick="clear()">C</button>

Boleh ditulis semula menggunakan addEventListener:

<button>

Dengan memanfaatkan addEventListener, pengendali acara terikat dengan betul kepada global clear(), memastikan pelaksanaannya berjaya apabila butang diklik.

Atas ialah kandungan terperinci Mengapa `onclick='clear()'` Tidak Berfungsi dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!