Thursday, 18 November 2010

jQuery event.preventDefault() cancels the default action of the event

If this method is called, the default action of the event will not be triggered.

For example, clicked anchors will not take the browser to a new URL. We can use event.isDefaultPrevented() to determine if this method has been called by an event handler that was triggered by this event.

<html>
<head>
&l;tscript src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>

<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>

<script>
$("a").click(function(event) {
event.preventDefault();
$('<div/>')
.append('default ' + event.type + ' prevented')
.appendTo('#log');
});
</script>

</body>
</html>

No comments:

Post a Comment