85 lines
3.2 KiB
HTML
85 lines
3.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
|
|
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
@import "../../resources/dojo.css";
|
|
</style>
|
|
|
|
<script type="text/javascript" djConfig="isDebug: true" src="../../dojo.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
dojo.addOnLoad(function() {
|
|
// Log of events on typer <input>, used by automated test harness
|
|
events = [];
|
|
|
|
kp1 = dojo.connect(dojo.byId("typer"), "onkeypress", function(evt){
|
|
|
|
// Keep log of events on <input>, skipping pressing of the control/shift/meta, since that's
|
|
// browser dependent
|
|
if(evt.keyCode == dojo.keys.CTRL || evt.keyCode == dojo.keys.SHIFT || evt.keyCode == dojo.keys.META){
|
|
return;
|
|
}
|
|
events.push(evt);
|
|
|
|
console.log("1 onkeypress triggered: charOrCode: " + evt.charOrCode + ", keyChar: " + evt.keyChar + ", keyCode:" + evt.keyCode + ", charCode: " + evt.charCode +
|
|
(evt.ctrlKey ? " ctrl" : "") + (evt.shiftKey ? " shift" : ""));
|
|
|
|
// Use this because many keystrokes, like CTRL-B or F5, make the browser do things like refreshing the page
|
|
dojo.stopEvent(evt);
|
|
});
|
|
|
|
kp2 = dojo.connect(dojo.byId("typer"), "onkeypress", function(evt){
|
|
console.log("2 onkeypress triggered: keyCode: " + evt.keyCode + ", charCode: " + evt.charCode + " return: " + evt.returnValue);
|
|
});
|
|
|
|
kd1 = dojo.connect(dojo.byId("typer"), "onkeydown", function(evt){
|
|
console.log("onkeydown: charOrCode: " + evt.charOrCode + ", keyChar: " + evt.keyChar + ", keyCode: " + evt.keyCode + ", charCode: " + evt.charCode);
|
|
});
|
|
|
|
ku1 = dojo.connect(dojo.byId("typer"), "onkeyup", function(evt){
|
|
console.log("onkeyup: charOrCode: " + evt.charOrCode + ", keyChar: " + evt.keyChar + ", keyCode: " + evt.keyCode + ", charCode: " + evt.charCode);
|
|
});
|
|
|
|
m1 = dojo.connect(dojo.byId("typer"), "onmouseenter", function(evt){
|
|
console.log("mousentered");
|
|
});
|
|
|
|
m2 = dojo.connect(dojo.byId("typer"), "onmouseleave", function(evt){
|
|
console.log("onmouseleave");
|
|
});
|
|
|
|
c1 = dojo.connect(dojo.byId("typer"), "onclick", function(evt){
|
|
console.log("onclick");
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</head>
|
|
<body class="tundra">
|
|
<h1>onkeypress and disconnect test</h1>
|
|
|
|
<p>This page tests the operation of keypress in a text input. Safari 3.1 changed its key model.
|
|
Look in the console for log message about getting keypress events.</p>
|
|
|
|
<p>This page also tests that we can dojo.disconnect correctly. Clicking on the Disconnect buttons
|
|
should turn off the console logs associated with the matching connect calls.</p>
|
|
|
|
<p>The input <input name="typer" type="text" id="typer" /></p>
|
|
|
|
<p><button onclick="dojo.disconnect(kp1)">Disconnect first keypress</button>
|
|
<button onclick="dojo.disconnect(kp2)">Disconnect second keypress</button></p>
|
|
|
|
<p><button onclick="dojo.disconnect(kd1)">Disconnect keydown</button>
|
|
<button onclick="dojo.disconnect(ku1)">Disconnect keyup</button></p>
|
|
|
|
|
|
<p><button onclick="dojo.disconnect(m1)">Disconnect mouseentered</button>
|
|
<button onclick="dojo.disconnect(m2)">Disconnect mouseleave</button></p>
|
|
|
|
<p><button onclick="dojo.disconnect(c1)">Disconnect click</button></p>
|
|
|
|
|
|
</body>
|
|
</html>
|