2020-06-05 17:16:52 +02:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Klávesnice remote SSH</title>
|
|
|
|
|
<style>
|
|
|
|
|
</style>
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2020-06-05 17:28:34 +02:00
|
|
|
HID input keyboard, POST data to /keyboard<br/>
|
2020-06-05 17:16:52 +02:00
|
|
|
<div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
Server response: <span></span>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function zapis(t) {
|
|
|
|
|
$("div").text(t);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var previous;
|
|
|
|
|
|
|
|
|
|
$(window).bind('keydown', function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
var str = String.fromCharCode(event.which).toLowerCase();
|
|
|
|
|
|
|
|
|
|
var ctrl = event.ctrlKey;
|
|
|
|
|
if (previous == 17) {
|
|
|
|
|
ctrl = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var obj = {
|
|
|
|
|
ctrlKey: ctrl,
|
|
|
|
|
shiftKey: event.shiftKey,
|
|
|
|
|
altKey: event.altKey,
|
|
|
|
|
which: event.which,
|
|
|
|
|
code: event.code,
|
|
|
|
|
str: str
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (event.which != 16 && event.which != 17 && event.which != 18) {
|
|
|
|
|
console.log(obj);
|
|
|
|
|
|
|
|
|
|
var ret = $.ajax({
|
|
|
|
|
type: "POST",
|
|
|
|
|
url: "hid/keyboard",
|
|
|
|
|
data: JSON.stringify(obj),
|
|
|
|
|
contentType: "application/json; charset=utf-8",
|
|
|
|
|
dataType: "json"
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$("span").text(ret.responseText);
|
|
|
|
|
console.log(ret);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var text = "";
|
|
|
|
|
if (ctrl) {
|
|
|
|
|
text = text + ' + Control';
|
|
|
|
|
}
|
|
|
|
|
if (event.shiftKey) {
|
|
|
|
|
text = text + ' + Shift';
|
|
|
|
|
}
|
|
|
|
|
if (event.altKey) {
|
|
|
|
|
text = text + ' + Alt';
|
|
|
|
|
}
|
|
|
|
|
text = text + ' + ' + str;
|
|
|
|
|
text = text.substr(3);
|
|
|
|
|
zapis(text);
|
|
|
|
|
|
|
|
|
|
previous = event.keyCode;
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
