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
- PHPWind-- A PHP forum script applcaition in China
- How to blend adsense inside your post?
- Formatting my post
- Notepad++ - Add C++ compiler
- Install PHPMailer 5.2.4 and use smtp gmail
- Set up a child account and set screen time limit in Windows 8
- Wayback Machine - see archived versions of web pages across time
- phpexcel toggle expand and hide column in EXCEL and summary
- Install PHP ibm_db2 extension in Linux (redHat)
- PHP: add a download as pdf file button in report page
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