Főoldalra

jQuery preventDefault

event.preventDefault           Megakadályozza, azaz letíltja az alapértelmezett eseményt.
							   
event.isDefaultPrevented    Azt ellenőrzi, hogy az alapértelmezett eseményt, mi tíltotta le.
                                                 Ha  event.preventDefault() tíltotta le, akkor a visszatérési értéke true(igaz), ha nem, akkor false(hamis).




<head>
<script>
$(document).ready(function(){

    $("a").click(function(event){                     // Így határozzuk meg a szelektort $("a"), akkor minden <a> elemre hatással van.
            event.preventDefault();               // Alapértelmezett click esemény letíltása.
         alert("Benn volt preventDefault() nevű mehatározás? " + event.isDefaultPrevented());
    });
	
// --------------------------------------------------------------------------------------------------------- 
	
    // Így határozzuk meg a szelektort $("#URL-link"), akkor csak az id=URL-link azonosítóval rendelkező <a> elemre van, hatással.	
    $("#URL-link").click(function(event){
        event.preventDefault();               // Alapértelmezett click esemény letíltása.
		
       // Lekérdezzük, hogy az eseményt, event.preventDefault() tíltotta le?
        alert("Esemény letíltva!\n Eseményt, event.preventDefault() tíltotta le?\n " 
		+ event.isDefaultPrevented());
    });
});
</script>
</head>
<body>
1. Link: <a href="https://www.google.hu/">Menj a google.hu címre. Ez, nincs letíltva! Kattints ide!</a><br />
2. Link: <a href="https://www.google.hu/" id="URL-link">Menj a google.hu címre. Ez, letíltva! Kattints ide!</a>

<p>A preventDefault() metódus megakadályozza, click eseményt az id="URL-link azonosítóval rendelkező horgony <a> elemnél,
 hogy a megadott URL címre vigyen.  Kattints a linkre.</p>
 
</body>