Shikong/scrcpy-mask
1
0
Fork 0
mirror of https://github.com/AkiChase/scrcpy-mask synced 2025-02-22 23:12:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(Mask): click mask to hide input box

Browse Source
This commit is contained in:
AkiChase 2024-05-07 10:28:55 +08:00
parent ed9a95ee71
commit 81825cb871
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Mask.vue
View File

@ -70,6 +70,12 @@ async function cleanAfterimage() {
await appWindow.setSize(oSize); await appWindow.setSize(oSize);
} }
function handleInputBoxClick(event: MouseEvent) {
if (event.target === document.getElementById("input-box")) {
showInputBox(false);
}
}
function handleInputKeyUp(event: KeyboardEvent) { function handleInputKeyUp(event: KeyboardEvent) {
if (event.key === "Enter") { if (event.key === "Enter") {
pasteText(); pasteText();
@ -167,7 +173,12 @@ async function checkUpdate() {
</div> </div>
<template v-if="store.keyMappingConfigList.length"> <template v-if="store.keyMappingConfigList.length">
<div @contextmenu.prevent class="mask" id="maskElement"></div> <div @contextmenu.prevent class="mask" id="maskElement"></div>
<div v-show="showInputBoxRef" class="input-box"> <div
v-show="showInputBoxRef"
class="input-box"
id="input-box"
@click="handleInputBoxClick"
>
<NInput <NInput
ref="inputInstRef" ref="inputInstRef"
v-model:value="inputBoxVal" v-model:value="inputBoxVal"