Online computer courses, code, programming tutorial and sidebar information for monitoring Canadian S&P/TSX index. Build friendship and networking. Welcome to visit my blogs often!!! I also have two other sites: YouTube Channel and Google site.
Adsense
Popular Posts
- PHP: add a download as pdf file button in report page
- How to blend adsense inside your post?
- Formatting my post
- PHPWind-- A PHP forum script applcaition in China
- Notepad++ - Add C++ compiler
- PHP connect IBM db2 database in XAMPP
- Datatable export excel wraptext and newline
- phpexcel toggle expand and hide column in EXCEL and summary
- Sweet Alert JS library - beautiful replacement of JavaScript Alert
- ActionScript 3.0 demo: create a falling snow in flash CS6
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.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment