petrkr/rpikvm
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Mouse template

Browse Source
This commit is contained in:
Petr Kracik 2020-06-05 17:05:48 +02:00
parent 478cb9c202
commit 6c1bd1235d
1 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
templates/mouse.html
View File

@ -12,18 +12,12 @@
HID mouse service, POST data to /mouse <br/>
<div>
</div>
<input type="button" onclick="sendMouse(0, 0, -10);" value="^" />
<input type="button" onclick="sendMouse(0, -10, 0);" value="<" />
<input type="button" onclick="sendMouse(0, 10, 0);" value=">" />
<input type="button" onclick="sendMouse(0, 0, 10);" value="v" /><br />
<input type="button" onclick="sendMouse(1, 0, 0);" value="LEFT" />
<input type="button" onclick="sendMouse(2, 0, 0);" value="RIGHT" />
<script>
var btn=0;
var posX=0;
var posY=0;
var wheel=0;
var socket = io();
@ -37,18 +31,18 @@ $(document).ready(function(){
btn=event.buttons;
handleMouse();
});
$("canvas").mousemove(function(event){
posX=event.offsetX;
posY=event.offsetY;
handleMouse();
});
$("canvas").mousemove(function(event){
posX=event.offsetX;
posY=event.offsetY;
handleMouse();
});
});
function handleMouse() {
$("span").text(btn +", "+ posX + ", " + posY);
sendMouse(btn, posX, posY);
sendMouse(btn, posX, posY, wheel);
}
function sendMouse(btn, x, y) {
@ -56,7 +50,7 @@ function sendMouse(btn, x, y) {
x: x,
y: y,
btn: btn,
wheel: 0,
wheel: wheel,
}
socket.emit('mouseEvent', JSON.stringify(obj));
@ -64,7 +58,7 @@ function sendMouse(btn, x, y) {
</script>
<span></span><br/><br/>
<canvas width=1920 height=1080 style="border: 1px solid black" oncontextmenu="return false"></canvas>
<canvas width=1920 height=1080 style="border: 1px solid black" oncontextmenu="return false" onwheel='wheel=event.deltaY*-1; handleMouse(); wheel=0; return false;' ></canvas>
<!--<img src="placeholder.png" width=1920 height=1080 onmousemove='console.log("aaa");' />-->
</body>
</html>