Поля ввода неактивны после очистки - PullRequest
Новая
       1

Поля ввода неактивны после очистки

4 голосов
/ 18 января 2020

В моем электронном приложении у меня есть функция очистки полей ввода при нажатии кнопки, но после использования я не могу больше нажимать и вводить данные. Однако, если я открою окно инспектора, они снова будут работать.

Почему это происходит и как я могу это исправить?

Основное приложение Electron. js: 

const { app, BrowserWindow, Menu } = require('electron');
let win;

function createWindow() {
    win = new BrowserWindow();
    win.loadFile('window_main/index.html');
}

app.on('ready', createWindow);

index. html

<body>
    <input type="text" id="testinput" />
    <button id="clear">Clear</button>
    <script src="index.js" type="text/javascript"></script>
</body>

Проблема c бит JS в индексе. js: 

document.getElementById('clear').addEventListener("click", clear);

function clear() {
    if (confirm("Clear all inputs?")) {
        document.querySelectorAll('input').forEach((input) => {
            input.value = '';
        })
    }
}

Ответы [ 2 ]

0 голосов
/ 19 января 2020

Проблема заключалась не в очистке входных данных, а в , показывающем окно подтверждения . Вместо этого я использовал следующий фрагмент: 

dialog.showMessageBoxSync(
    title: "Clear inputs",
    message: "Clear all input boxes?",
    type: "warning",
    buttons: ["Cancel", "Ok"]
})

И теперь все работает как положено.

0 голосов
/ 18 января 2020

Я воспроизвел ваш код после удаления сценария, который не объясняет, почему вы его используете, во всяком случае ниже приведен код, использующий jQuery, который поможет вам, по крайней мере, доставить вас в нужное место ... если все еще нет не работайте вместе с вами, чтобы лучше объяснить ваш код для лучшей помощи ... пометьте его как ответившее, если оно решит вашу проблему .... 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <title>Document</title>
</head>
<body>
        <input type="text" id="testinput" />
        <button id="clear">Clear</button>
<script>
$(document).ready(()=>{
    document.getElementById('clear').addEventListener("click", clear);
})
function clear() {
    if (confirm("Clear all inputs?")) {
        document.querySelectorAll('input').forEach((input) => {
            $(input).val('');
        })
    }
}
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...