test_typematic.html
No OneTemporary
Actions

Size

1 KB

Subscribers

None

test_typematic.html
View Options

	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<title>Typematic Test</title>
	<style type="text/css">
	@import "../../../dojo/resources/dojo.css";
	@import "../../themes/tundra/tundra.css";
	@import "../css/dijitTests.css";
	</style>

	<script type="text/javascript" src="../../../dojo/dojo.js"
	djConfig="isDebug: true, debugAtAllCosts: true"></script>
	<script type="text/javascript">
	dojo.require("dijit._base.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.addOnLoad(function(){
	var keyNode = dojo.byId('typematicInput');
	var mouseNode = dojo.byId('typematicButton');
	dijit.typematic.addKeyListener(keyNode,
	{
	keyCode:dojo.keys.F10,
	ctrlKey:true
	},
	this, typematicCallBack, 200, 200);
	dijit.typematic.addMouseListener(mouseNode,
	this, typematicCallBack, 0.9, 200);
	keyNode.focus(); // make it easier to type
	});
	</script>
	</head>
	<body class="tundra">

	<h2>Dijit typematic tests</h2>
	Press and hold the <b>ctrl+F10</b> keys 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>