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);
}
function handleInputBoxClick(event: MouseEvent) {
if (event.target === document.getElementById("input-box")) {
showInputBox(false);
}
}
function handleInputKeyUp(event: KeyboardEvent) {
if (event.key === "Enter") {
pasteText();
@ -167,7 +173,12 @@ async function checkUpdate() {
</div>
<template v-if="store.keyMappingConfigList.length">
<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
ref="inputInstRef"
v-model:value="inputBoxVal"