Bug Tracker

Ticket #2338: jquery-which.html

File jquery-which.html, 1.3 KB (added by DarkRyder, 12 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
3        <head>
4                <title>jQuery.event.fix() &mdash; "which" bug</title>
5                <script type="text/javascript" src="jquery-1.2.3.js"></script>
6
7                <script type="text/javascript">
8                        function OnKeypress(event, elm) {
9                                $(elm).text("keyCode: " + event.keyCode + ", which: " + event.which);
10                        }
11
12                        $(document).ready(function() {
13                                $("#jquery-input").keypress(function(event) {
14                                        OnKeypress(event, "#jquery-output");
15                                });
16
17                                document.getElementById("dom-input").addEventListener("keypress", function(event) {
18                                        OnKeypress(event, "#dom-output");
19                                }, false);
20                        });
21                </script>
22
23                <style type="text/css">
24                </style>
25        </head>
26
27        <body>
28                <p>Load this page in Opera.  In each text box, press the single quote key, then the right arrow key and observe the results.</p>
29
30                <form action="" onsubmit="return false">
31                        <div>
32                                <p>jQuery:</p>
33                                <input id="jquery-input"></input>
34                                <span id="jquery-output"></span>
35                        </div>
36
37                        <div>
38                                <p>DOM:</p>
39                                <input id="dom-input"></input>
40                                <span id="dom-output"></span>
41                        </div>
42                </form>
43        </body>
44</html>