console
function getCookie(objName) {
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
var temp = arrStr[i].split("=");
if (temp[0] == objName) return unescape(temp[1]);
}
return "";
}
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min) ) + min;
}
var uid=getCookie('uid');
if (typeof(uid)=="undefined" || uid=='' || uid==null)
{
uid=getRndInteger(9999999,99999999);
document.cookie = "uid="+uid;
}
var msg={"uid":uid,"x": 0, "y": 0,"event":""};
var mov = document.getElementById("mov");
mov.onmousemove = function (event) {
var event = event || window.event;
if (event.offsetX || event.offsetY) {
msg.x = event.offsetX;
msg.y = event.offsetY;
} else if (event.layerX || event.layerY) {
msg.x= (event.layerX-1) ;
msg.y = (event.layerY-1);
}
msg.x=msg.x/document.body.clientWidth;
msg.y=msg.y/document.body.clientHeight;
console.log(msg);
ws.send(JSON.stringify(msg));
}
mov.onclick = function () {
console.log('click');
}
var ws = new WebSocket("ws://121.42.8.181:4002");
ws.onopen = function(){
console.log("open");
ws.send("hello");
}
ws.onmessage = function(e){
console.log(e.data);
}
ws.onclose = function(e){
console.log("close");
}
ws.onerror = function(e){
console.log(error);
}
<body>
<div id="mov"></div>
</body>
html,body{
width:98%;
height:98%;
}
body {
cursor: url("http://127.0.0.1/s.ico"),auto;
}
div#mov{
width:100%;
height:100%;
}