dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
69 lines (63 loc) • 2.03 kB
HTML
<html>
<head>
<title>Typematic Test</title>
<style type="text/css">
@import "../themes/claro/document.css";
@import "../themes/claro/claro.css";
@import "css/dijitTests.css";
</style>
<script type="text/javascript" src="../../dojo/dojo.js"
data-dojo-config="isDebug: true"></script>
<script type="text/javascript">
dojo.require("dijit.typematic");
var lastCount = 0;
function typematicCallBack(count, node, evt){
var inputNode = dojo.byId('typematicInput');
if(node == inputNode){
key = "a";
}else{
key = "b";
}
if(-1 == count){
console.debug((lastCount + 1) + ' ' + key + ' events');
}else{
lastCount = count;
inputNode.value += key;
}
inputNode.focus();
}
dojo.ready(function(){
var keyNode = dojo.byId('typematicInput');
var mouseNode = dojo.byId('typematicButton');
dijit.typematic.addKeyListener(keyNode,
{
keyCode: dojo.keys.F11,
shiftKey: false,
metaKey: false,
ctrlKey: true // ALT is optional since its unspecified
},
this, typematicCallBack, 200, 200);
dijit.typematic.addMouseListener(mouseNode,
this, typematicCallBack, 0.9, 200);
try{
// Focus the input so it's easier for user to start typing.
// Doesn't work well in IE6 though, when this test is loaded from robot/typematic.html,
// Apparently the robot code sets up a cover <div> over this page and IE doesn't want to focus
// the input since it's hidden.
keyNode.focus();
}catch(e){
}
});
</script>
</head>
<body class="claro">
<h2>Dijit typematic tests</h2>
Press and hold the <b>ctrl+F11</b> keys (ALT optional, but not Shift or Meta) to see a's typed (constant rate) in the
input field,<br>
or left-mouse click the button and hold down to see b's typed (increasing rate) in the input field.<br>
<input id="typematicInput" size="500">
<button id="typematicButton">to B or not to B</button>
</body>
</html>