Bug Tracker

Ticket #6705: test.html

File test.html, 1.1 KB (added by easyTree, 12 years ago)

Demonstrates that focus handler fires twice when triggered using 'focus()'

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5    <title>focus test</title>
6    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
7    <style type="text/css">
8    #log {
9        border: 1px solid red;
10        width: 80%;
11        height: 100px;
12        overflow: auto;
13    }
14    </style>
15    <script type="text/javascript">
16    $(document).ready (function () {
17        var counter = 0;
18       
19        var fields = $('.field');
20        fields.focus (function () {
21            $('#log').prepend ([
22                counter++,
23                ") field '",
24                $(this).attr ('id'),
25                "' focused<br/>",
26            ].join (''));
27        });
28       
29        fields.focus ();
30    });
31    </script>
32</head>
33<body>
34    <input type="text" id="one" class="field" />
35    <input type="text" id="two" class="field" />
36    <div id="log"></div>
37</body>
38</html>