github/simple-keyboard
github/simple-keyboard
3
0
Fork 0
mirror of https://github.com/hodgef/simple-keyboard.git synced 2025-02-21 08:43:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Ensure button handler is triggered on physicalKeyboardHighlightPress. Per https://github.com/hodgef/react-simple-keyboard/issues/1386

Browse Source
This commit is contained in:
Francisco Hodge 2021-07-30 22:23:51 -07:00
parent cc61947fc0
commit ed2c5ce81d
2 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/lib/interfaces.ts
View File

@ -136,10 +136,17 @@ export interface KeyboardOptions {
physicalKeyboardHighlight?: boolean;
/**
* Presses keys highlighted by physicalKeyboardHighlight
* Calls handler for a button highlighted by physicalKeyboardHighlight
* In other words, this calls keyboard.handleButtonClicked(buttonName) on the highlighted button
*/
physicalKeyboardHighlightPress?: boolean;
/**
* Trigger click on a button's element when using physicalKeyboardHighlightPress
* In other words, this calls button.click() on the highlighted button
*/
physicalKeyboardHighlightPressUseClick?: boolean;
/**
* Define the text color that the physical keyboard highlighted key should have.
*/

25
src/lib/services/PhysicalKeyboard.ts
View File

@ -29,9 +29,22 @@ class PhysicalKeyboard {
const buttonPressed = this.getSimpleKeyboardLayoutKey(event);
this.dispatch((instance: any) => {
const buttonDOM =
instance.getButtonElement(buttonPressed) ||
instance.getButtonElement(`{${buttonPressed}}`);
const standardButtonPressed = instance.getButtonElement(buttonPressed);
const functionButtonPressed = instance.getButtonElement(
`{${buttonPressed}}`
);
let buttonDOM;
let buttonName;
if (standardButtonPressed) {
buttonDOM = standardButtonPressed;
buttonName = buttonPressed;
} else if (functionButtonPressed) {
buttonDOM = functionButtonPressed;
buttonName = `{${buttonPressed}}`;
} else {
return;
}
if (buttonDOM) {
buttonDOM.style.backgroundColor =
@ -40,7 +53,11 @@ class PhysicalKeyboard {
options.physicalKeyboardHighlightTextColor || "black";
if (options.physicalKeyboardHighlightPress) {
buttonDOM.click();
if (options.physicalKeyboardHighlightPressUseClick) {
buttonDOM.click();
} else {
instance.handleButtonClicked(buttonName, event);
}
}
}
});