GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-02-02 11:01:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed some keyboard corner cases

Browse Source
This commit is contained in:
Devaev Maxim
2018-07-26 23:14:43 +03:00
parent 700b6b4619
commit b7d933b6ce
2 changed files with 40 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
kvmd/web/js/keyboard.js
View File

@@ -1,5 +1,6 @@
var keyboard = new function() {
var __ws = null;
var __keys = [];
var __modifiers = [];
this.init = function() {
@@ -9,6 +10,12 @@ var keyboard = new function() {
Array.prototype.forEach.call(document.getElementsByClassName("key"), function(el_key) {
el_key.onmousedown = () => __clickHandler(el_key, true);
el_key.onmouseup = () => __clickHandler(el_key, false);
el_key.onmouseout = function() {
if (__isPressed(el_key)) {
__clickHandler(el_key, false);
}
};
__keys.push(el_key);
});
Array.prototype.forEach.call(document.getElementsByClassName("modifier"), function(el_key) {
el_key.onmousedown = () => __toggleModifierHandler(el_key);
@@ -17,10 +24,22 @@ var keyboard = new function() {
};
this.setSocket = function(ws) {
__keys.concat(__modifiers).forEach(function(el_key) {
if (__isActive(el_key)) {
keyboard.fireEvent(el_key.id, false);
}
});
__ws = ws;
$("hid-keyboard-led").className = (ws ? "led-on" : "led-off");
};
this.fireEvent = function(code, state) {
document.dispatchEvent(new KeyboardEvent(
(state ? "keydown" : "keyup"),
{code: code},
));
};
var __keyboardHandler = function(event, state) {
event.preventDefault();
el_key = $(event.code);
@@ -42,8 +61,7 @@ var keyboard = new function() {
var __unholdModifiers = function() {
__modifiers.forEach(function(el_key) {
if (__isHolded(el_key)) {
el_key.classList.remove("pressed");
el_key.classList.remove("holded");
__deactivate(el_key);
__sendKey(el_key.id, false);
}
});
@@ -51,22 +69,30 @@ var keyboard = new function() {
var __commonHandler = function(el_key, state, cls) {
if (state && !__isActive(el_key)) {
el_key.classList.remove("holded");
__deactivate(el_key);
el_key.classList.add(cls);
__sendKey(el_key.id, true);
} else {
el_key.classList.remove("pressed");
el_key.classList.remove("holded");
__deactivate(el_key);
__sendKey(el_key.id, false);
}
};
var __isPressed = function(el_key) {
return el_key.classList.contains("pressed");
};
var __isHolded = function(el_key) {
return el_key.classList.contains("holded");
};
var __isActive = function(el_key) {
return (el_key.classList.contains("pressed") || __isHolded(el_key));
return (__isPressed(el_key) || __isHolded(el_key));
};
var __deactivate = function(el_key) {
el_key.classList.remove("pressed");
el_key.classList.remove("holded");
};
var __sendKey = function(code, state) {