Bagaimana untuk Menghalang Butang daripada Menghantar Borang dalam Firefox?

Mencegah Penyerahan Borang dengan Butang

Apabila bekerja dengan borang, kadangkala perlu menambah butang yang melakukan tindakan tertentu tanpa mencetuskan penyerahan borang. Dalam artikel ini, kami akan menyelidiki isu tentang cara menghalang butang tertentu, seperti butang "alih keluar" dalam coretan kod yang disediakan, daripada menyerahkan borang dalam Firefox sambil membenarkan butang lain berbuat demikian.

Pernyataan Masalah

Dalam borang HTML yang diberikan, butang "tambah" berfungsi dengan betul, manakala butang "alih keluar" menyerahkan borang apabila diklik. Tingkah laku ini khusus untuk Firefox dan timbul kerana kelakuan lalai elemen butang HTML5.

Memahami Isu

Elemen butang HTML5 mewarisi jenis lalai "serahkan," mengikut spesifikasi W3 . Ini bermakna melainkan dinyatakan sebaliknya secara eksplisit, butang mempunyai tingkah laku yang wujud untuk menyerahkan borang yang mengandunginya.

Penyelesaian: Mengatasi Jenis Lalai

Untuk menghalang butang "alih keluar" daripada menyerahkan borang, ia adalah diperlukan untuk mengatasi jenis lalainya. Ini boleh dicapai dengan menyatakan secara eksplisit jenis sebagai "butang":

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

Dengan menetapkan atribut jenis kepada "butang," kami mengarahkan butang untuk berkelakuan seperti elemen butang standard dan tidak menyerahkan borang. Walau bagaimanapun, kami juga perlu memasukkan penyata pemulangan tambahan:

return false;

Penyata pemulangan ini menghalang tindakan lalai butang (iaitu menyerahkan borang) daripada berlaku. Menggabungkan kedua-dua elemen ini memastikan bahawa butang "alih keluar" mencetuskan fungsi JavaScript yang diingini tanpa menyerahkan borang.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Butang daripada Menghantar Borang dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!