Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
​
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <title>Call Custom functions on Tab KeyPress in TextBoxes</title>
        <script type="text/javascript">
            $(function() {
                $('input.tabagent').bind('keydown', function(e) {
                    var keyCode = e.keyCode || e.which;
                    if (keyCode == 9) {
                        e.preventDefault();
                        alertMe();
                    }
                });
            });
​
            function alertMe() {
                var $par = $("#para");
                $par.html('perform some action here');
                setTimeout(function() {
                    $par.empty();
                }, 1000);
​
            }
        </script>
</head>
<body>
<input type="text" class="tabagent" /><br />
<input type="text" class="tabcancel" /><br />
<input type="text" /><br />
<input type="text" class="tabcancel" /><br />
<p id="para"/>
</body>
</html>
​
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers