alex/yomichan
1
Fork 0
Code Releases Activity

Add support for pointer event input detection (#810)

Browse Source
This commit is contained in:
toasted-nutbread 2020-09-11 16:57:57 -04:00 committed by GitHub
parent 6afbda8dfe
commit a5845df123
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ext/bg/js/settings/keyboard-mouse-input-field.js
View File

@ -20,10 +20,11 @@
*/
class KeyboardMouseInputField extends EventDispatcher {
constructor(inputNode, mouseButton, os) {
constructor(inputNode, mouseButton, os, isPointerTypeSupported=null) {
super();
this._inputNode = inputNode;
this._mouseButton = mouseButton;
this._isPointerTypeSupported = isPointerTypeSupported;
this._keySeparator = ' + ';
this._inputNameMap = new Map(DocumentUtil.getModifierKeys(os));
this._keyPriorities = new Map([
@ -54,6 +55,7 @@ class KeyboardMouseInputField extends EventDispatcher {
if (type === 'modifierInputs' && this._mouseButton !== null) {
events.push(
[this._mouseButton, 'mousedown', this._onMouseButtonMouseDown.bind(this), false],
[this._mouseButton, 'pointerdown', this._onMouseButtonPointerDown.bind(this), false],
[this._mouseButton, 'mouseup', this._onMouseButtonMouseUp.bind(this), false],
[this._mouseButton, 'contextmenu', this._onMouseButtonContextMenu.bind(this), false]
);
@ -175,6 +177,19 @@ class KeyboardMouseInputField extends EventDispatcher {
this._addInputs(DocumentUtil.getActiveButtons(e));
}
_onMouseButtonPointerDown(e) {
const {isPrimary, pointerType} = e;
if (
!isPrimary ||
typeof this._isPointerTypeSupported !== 'function' ||
!this._isPointerTypeSupported(pointerType)
) {
return;
}
e.preventDefault();
this._addInputs(DocumentUtil.getActiveButtons(e));
}
_onMouseButtonMouseUp(e) {
e.preventDefault();
}

11
ext/bg/js/settings/scan-inputs-controller.js
View File

@ -138,8 +138,9 @@ class ScanInputField {
this._node = node;
container.appendChild(node);
this._includeInputField = new KeyboardMouseInputField(includeInputNode, includeMouseButton, this._os);
this._excludeInputField = new KeyboardMouseInputField(excludeInputNode, excludeMouseButton, this._os);
const isPointerTypeSupported = this._isPointerTypeSupported.bind(this);
this._includeInputField = new KeyboardMouseInputField(includeInputNode, includeMouseButton, this._os, isPointerTypeSupported);
this._excludeInputField = new KeyboardMouseInputField(excludeInputNode, excludeMouseButton, this._os, isPointerTypeSupported);
this._includeInputField.prepare(include, 'modifierInputs');
this._excludeInputField.prepare(exclude, 'modifierInputs');
@ -184,4 +185,10 @@ class ScanInputField {
const content = document.importNode(template.content, true);
return content.firstChild;
}
_isPointerTypeSupported(pointerType) {
if (this._node === null) { return false; }
const node = this._node.querySelector(`input.scan-input-type-checkbox[data-type=${pointerType}]`);
return node !== null && node.checked;
}
}