ElemarJR/DOMEvents.htm

## DOMEvents.htm
<!DOCTYPE>
<html>
<head>
    <title>DOM Events</title>
    <style type="text/css">
        canvas { border: 1px solid Black; }
    </style>
</head>
<body>
    <canvas id="myCanvas" width=500 height=500></canvas>
    <div id="target"></div>
    <script src="rx.js" type="text/javascript"></script>
    <script type="text/javascript" src="rx.html.js"></script>

    <script type="text/javascript">
        Rx.Observable.FromHtmlEvent(window, "load").Subscribe(function () {
            var canvas = document.getElementById("myCanvas");
            var mousemove = Rx.Observable.FromDOMEvent(canvas, "mousemove");

            mousemove.Subscribe(function (e) {
                document.getElementById("target").innerHTML = e.clientX + ", " + e.clientY;
            });
        });
    </script>
</body>
</html>
	<!DOCTYPE>
	<html>
	<head>
	<title>DOM Events</title>
	<style type="text/css">
	canvas { border: 1px solid Black; }
	</style>
	</head>
	<body>
	<canvas id="myCanvas" width=500 height=500></canvas>
	<div id="target"></div>
	<script src="rx.js" type="text/javascript"></script>
	<script type="text/javascript" src="rx.html.js"></script>

	<script type="text/javascript">
	Rx.Observable.FromHtmlEvent(window, "load").Subscribe(function () {
	var canvas = document.getElementById("myCanvas");
	var mousemove = Rx.Observable.FromDOMEvent(canvas, "mousemove");

	mousemove.Subscribe(function (e) {
	document.getElementById("target").innerHTML = e.clientX + ", " + e.clientY;
	});
	});
	</script>
	</body>
	</html>