master

分支 (1)

管理

管理

master

grunt-demo
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
		<title>Socket.IO</title>
		<style type="text/css">
			#output{
				position:absolute;
				width:100px;
				height:100px;
				background-color:#3BB5CC;
				line-height:100px;
				text-align:center;
			}
		</style>
	</head>
	<body>
		<div id="output"></div>
		<script type="text/javascript" src="http://www.oschina.net/js/2012/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.min.js"></script>
		<script type="text/javascript">
			var socket = io.connect('http://192.168.1.4:80');

			var move = function(x,y){
				socket.emit('location',{
					x:x,
					y:y
				});
				$('#output').css({
					left:x,
					top:y
				})
			};

			$(document).on('mousemove',function(e){
				move(e.clientX,e.clientY);
			});

			$(window).bind('touchmove', function(e) {
				e.preventDefault();
				var event = window.event;
				var x = event.touches[0].pageX;
				var y = event.touches[0].pageY;
				$('#output').html(x + ':' + y);
				move(x,y);
			});
		</script>
	</body>
</html>