javascript - 清除它们后输入字段死了

标签 javascript html input electron

在我的 Electron 应用程序中,我有一个功能可以在按下按钮时清除我的输入字段,但是在使用它之后,我无法再单击并输入输入。但是,如果我打开检查器窗口,它们会再次工作。

为什么会发生这种情况,我该如何解决?

Electron 应用的 main.js:

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

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

app.on('ready', createWindow);

索引.html

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

index.js 中 JS 的问题:

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

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

最佳答案

我在删除脚本后复制了您的代码,该脚本未解释您使用它的原因,无论如何下面是使用 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>

关于javascript - 清除它们后输入字段死了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59799629/

相关文章:

javascript - 无法使用 Angular JS 获取纯文本格式的 JSON 数据

javascript - 如何在 html 页面上找到涉及 PDF 的链接,然后在链接的前面附加绝对路径?

python - 使用 Pandas read_html 时遇到问题

java - 如何格式化和比较来自 bash/vm 的输入?

java - 如何在java中找到行尾并执行两个整数数组的加法?

javascript - ng-blur 未在内联编辑中设置真/假值

javascript - 从选择页面加载 Bootstrap 表单

html - 为什么我的边框图像属性不能按我希望的方式工作?

html - 如何在不影响嵌套 div 默认大小的情况下更改 div?

javascript - HTML5 属性操作 : Vanilla JS vs. jQuery