d-adamkiewicz/event.html

## event.html
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>YUI Event example</title>
		<script src="http://yui.yahooapis.com/3.15.0/build/yui/yui-min.js"></script>
		<style typr="text/css">
			#clickable {
				cursor: pointer;
				background: #cdcdcd;
				width: 5em;
			}
		</style>
	</head>
	<body>
		<div id="clickable">Click me</div>
		<script>
			YUI().use('event', function(Y) {
				var clickable = Y.one('#clickable');
				var Clickable = function(ev) {
					var result = clickable.detach('click');
					console.log(new Date().toString() + ' clicked!: ' + result);
					clickable.on('dblclick', DblClickable);
				},
				DblClickable = function(ev) {
					console.log('dblclicked: ' + clickable);
				};
				clickable.on('click', Clickable);
			});
		</script>
	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>YUI Event example</title>
	<script src="http://yui.yahooapis.com/3.15.0/build/yui/yui-min.js"></script>
	<style typr="text/css">
	#clickable {
	cursor: pointer;
	background: #cdcdcd;
	width: 5em;
	}
	</style>
	</head>
	<body>
	<div id="clickable">Click me</div>
	<script>
	YUI().use('event', function(Y) {
	var clickable = Y.one('#clickable');
	var Clickable = function(ev) {
	var result = clickable.detach('click');
	console.log(new Date().toString() + ' clicked!: ' + result);
	clickable.on('dblclick', DblClickable);
	},
	DblClickable = function(ev) {
	console.log('dblclicked: ' + clickable);
	};
	clickable.on('click', Clickable);
	});
	</script>
	</body>
	</html>