Thursday, January 24, 2013

Prevent default behaviour in HTML event



Javascript preventDefault() method  can be used to stop the default action of a HTML element.
Example code:
<a href="http://jiansenlu.blogspot.com/"> My Blog URL </a>
<script src="
http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
var obj={
    clickMe: function(e){
    console.log(this);
    e.preventDefault();
   }
}
$('a').on('click', obj.clickMe);
</script>

The default  behavior to click a link is to go to  a new link. In this example, we use preventDefault() method to prevent going to a new link. We can only see a message in console log when users click the link in this example.

No comments:

Post a Comment