Difference between ‘return false;’ and ‘e.preventDefault();
-
e.preventDefault()which will prevent the default event from occurring, but will continue the event flow (ie., next line of code in the function) - return false will always had to go at the end of your function, or at the end where no further execution was needed.
HTML :
<div id=”preventDef”>
<a href=”#”>Pls Click Here!</a>
</div>
<div id=”returnFalse”>
<a href=”#”>Pls Click Here!</a>
</div>
JQUERY
$(“#preventDef a”).click(function(e) {
e.preventDefault();
$(this).hide();
});
$(“#returnFalse a”).click(function(e) {
return false;$(this).hide();
$(this).hide();
});
OUTPUT
Explanation :
If you click first link… it will hide , because it will not fire particular event to fire but it will continue with next line in the function
Bur if you click on second link, it will not hide because it will move the end of the loop/function