Rumah hujung hadapan web tutorial js return false;和e.preventDefault();的区别_javascript技巧

return false;和e.preventDefault();的区别_javascript技巧

May 16, 2016 pm 06:23 PM
false return

Have you ever seen those two things (in the title) being used in jQuery? Here is a simple example:

复制代码 代码如下:

$("a").click(function() {
$("body").append($(this).attr("href"));
return false;
}

That code would append the href attribute as text to the body every time a link was clicked but not actually go to that link. The return false; part of that code prevents the browser from performing the default action for that link. That exact thing could be written like this:
复制代码 代码如下:

$("a").click(function(e) {
$("body").append($(this).attr("href"));
e.preventDefault();
}

So what's the difference?


The difference is that return false; takes things a bit further in that it also prevents that event from propagating (or “bubbling up”) the DOM. The you-may-not-know-this bit is that whenever an event happens on an element, that event is triggered on every single parent element as well. So let's say you have a box inside a box. Both boxes have click events on them. Click on the inner box, a click will trigger on the outer box too, unless you prevent propagation. Like this:
return false;和e.preventDefault();的区别_javascript技巧
演示地址:http://css-tricks.com/examples/ReturnFalse/
So in other words:
复制代码 代码如下:

function() {
return false;
}

// IS EQUAL TO

function(e) {
e.preventDefault();
e.stopPropagation();
}

It's all probably a lot more complicated than this and articles like this probably explain it all a lot better.


参考:

1.The difference between ‘return false;' and ‘e.preventDefault();'
2.Event order

测试代码打包下载

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penjelasan terperinci tentang penggunaan pulangan dalam bahasa C Penjelasan terperinci tentang penggunaan pulangan dalam bahasa C Oct 07, 2023 am 10:58 AM

Penggunaan pulangan dalam bahasa C ialah: 1. Untuk fungsi yang jenis nilai pulangannya adalah batal, anda boleh menggunakan pernyataan pulangan untuk menamatkan pelaksanaan fungsi lebih awal 2. Untuk fungsi yang jenis nilai pulangannya tidak batal, fungsi bagi penyataan pulangan adalah untuk menamatkan pelaksanaan fungsi Hasilnya dikembalikan kepada pemanggil 3. Menamatkan pelaksanaan fungsi lebih awal, kita boleh menggunakan penyataan pulangan untuk menamatkan pelaksanaan fungsi lebih awal jika fungsi tidak mengembalikan nilai.

Apakah perintah pelaksanaan pemulangan dan akhirnya pernyataan di Jawa? Apakah perintah pelaksanaan pemulangan dan akhirnya pernyataan di Jawa? Apr 25, 2023 pm 07:55 PM

Kod sumber: publicclassReturnFinallyDemo{publicstaticvoidmain(String[]args){System.out.println(case1());}publicstaticintcase1(){intx;try{x=1;returnx;}akhirnya{x=3;}}}# Output Output kod di atas hanya boleh membuat kesimpulan: return dilaksanakan sebelum akhirnya. Mari kita lihat apa yang berlaku pada tahap bytecode. Yang berikut memintas sebahagian kod bait kaedah case1 dan membandingkan kod sumber untuk menganotasi maksud setiap arahan dalam

Bagaimanakah Vue3 menggunakan gula sintaksis persediaan untuk menolak menulis pulangan Bagaimanakah Vue3 menggunakan gula sintaksis persediaan untuk menolak menulis pulangan May 12, 2023 pm 06:34 PM

Gula sintaks persediaan Vue3.2 ialah gula sintaks masa kompilasi yang menggunakan gabungan API dalam satu komponen fail (SFC) untuk menyelesaikan persediaan yang rumit dalam Vue3.0 Pembolehubah, fungsi dan kandungan yang diisytiharkan yang diperkenalkan oleh import didedahkan melalui pulangan, supaya ia boleh digunakan dalam Vue3.0 Masalah dalam penggunaan 1. Tidak perlu mengembalikan pembolehubah yang diisytiharkan, fungsi dan kandungan yang diperkenalkan semasa penggunaan Anda boleh menggunakan gula sintaksis //import kandungan yang diperkenalkan import{getToday }from'./utils'//variable constmsg='Hello !'//function function

Penjelasan terperinci tentang nilai pulangan fungsi JavaScript dan penyata pulangan Penjelasan terperinci tentang nilai pulangan fungsi JavaScript dan penyata pulangan Aug 04, 2022 am 09:46 AM

Fungsi JavaScript menyediakan dua antara muka untuk berinteraksi dengan dunia luar Parameter berfungsi sebagai pintu masuk untuk menerima maklumat luaran berfungsi sebagai saluran keluar untuk menyalurkan kembali hasil operasi kepada dunia luar. Artikel berikut akan membawa anda memahami nilai pulangan fungsi JavaScript dan menganalisis secara ringkas penggunaan penyata pulangan saya harap ia akan membantu anda!

Bagaimana untuk menggunakan nilai pulangan dalam Python Bagaimana untuk menggunakan nilai pulangan dalam Python Oct 07, 2023 am 11:10 AM

Penggunaan pulangan nilai pulangan Python ialah apabila fungsi melaksanakan pernyataan pulangan, pelaksanaan akan berhenti serta-merta dan nilai yang ditentukan akan dikembalikan ke tempat di mana fungsi itu dipanggil. Penggunaan terperinci: 1. Kembalikan nilai tunggal; 2. Kembalikan berbilang nilai;

Gunakan kata kunci pulangan dalam JavaScript Gunakan kata kunci pulangan dalam JavaScript Feb 18, 2024 pm 12:45 PM

Penggunaan pulangan dalam JavaScript memerlukan contoh kod khusus Dalam JavaScript, pernyataan pulangan digunakan untuk menentukan nilai yang dikembalikan daripada fungsi. Ia bukan sahaja boleh digunakan untuk menamatkan pelaksanaan fungsi, ia juga boleh mengembalikan nilai ke tempat di mana fungsi itu dipanggil. Pernyataan pulangan mempunyai kegunaan biasa berikut: Mengembalikan nilai Pernyataan pulangan boleh digunakan untuk mengembalikan nilai ke tempat di mana fungsi dipanggil. Berikut ialah contoh mudah: functionadd(a,b){

Cara menggunakan pernyataan pulangan dalam JavaScript Cara menggunakan pernyataan pulangan dalam JavaScript Feb 26, 2024 am 09:21 AM

Cara menggunakan return dalam JavaScript memerlukan contoh kod khusus Dalam JavaScript, return ialah kata kunci yang sangat penting Ia biasanya digunakan untuk mengembalikan nilai dalam fungsi atau menamatkan pelaksanaan fungsi. Pernyataan pulangan digunakan untuk mengembalikan nilai kepada pemanggil fungsi dan menamatkan pelaksanaan fungsi. Pernyataan pulangan boleh digunakan di mana-mana dalam fungsi dan boleh mengembalikan sebarang jenis data JavaScript, termasuk nombor, rentetan, boolean,

Di Jawa, selepas penyataan pulangan dalam kaedah dilaksanakan, adakah blok akhirnya akan dilaksanakan? Di Jawa, selepas penyataan pulangan dalam kaedah dilaksanakan, adakah blok akhirnya akan dilaksanakan? Sep 17, 2023 pm 03:05 PM

Ya, blok akhirnya dilaksanakan walaupun selepas pernyataan pulangan dalam kaedah. Di Java, blok akhirnya akan dilaksanakan tanpa mengira sama ada pengecualian berlaku. Jika kita memanggil kaedah System.exit() secara eksplisit dalam blok akhirnya, maka hanya kaedah itu tidak akan dilaksanakan. Terdapat situasi yang jarang berlaku di mana akhirnya tidak akan dilaksanakan, seperti ranap JVM, kegagalan kuasa, ranap perisian, dll. Kecuali untuk kes ini, blok akhirnya akan sentiasa dilaksanakan. Contoh publicclassFinallyBlockAfterReturnTest{ publicstaticvoidmain(St

See all articles