第二个输入 onclick() function 不起作用

Question

有类似的问题，但不完全是我想要的。 我的表格有一个过滤器，带有 1 个按钮，可将文本框的值更改为当前日期。 这很好用，但在它旁边，有一个按钮可以清除文本框中的内容。 这第二个按钮似乎不起作用。

我的代码：

 function today() { var today = new Date(); var dd = String(today.getDate()).padStart(2, '0'); var mm = String(today.getMonth() + 1).padStart(2, '0'); var yyyy = today.getFullYear(); today = yyyy + '.' + mm + '.' + dd; document.getElementById("myInput").value = today; } function clear() { document.getElementById("myInput").value = ""; }

 <div class="form-inline"> <label for="myInput">Filter By:</label> <input class="input-xsmall" type="text" maxlength="10" placeholder="yyyy.mm.dd" id="myInput" style="width: 100px; margin-bottom: 10px; display: inline-block"> <input type="button" value="Today" onclick="today()"> <input type="button" value="Clear" onclick="clear()"> </div>

不知道如何让它工作。 当我将第一个输入中的 onclick function 切换为clear()时，它起作用了，所以由于某种原因，第二个输入按钮不起作用。 我该如何解决？

Answer 1

尝试更改clear() function 的名称。 并且还考虑研究事件处理程序。

Answer 2

您需要将 js function 名称从 clear() 更改为其他名称。 因为 clear() 是一个 javascript 内置函数/方法。 Javascript 清除字段 Function 不工作？

Answer 3

clear不是保留关键字。 这是 scope 问题

但是，如果您想使用相同的 function 名称。 可以试试下面的代码。

将现有的 function onClick="clear()"更改为window.clear()可以解决您的问题。

参考这个答案

<input type="button" value="clear" onclick="window.clear()">

Answer 4

与这里写的不同， clear不是js中保留的词。

这是保留字列表（来自 s3 站点）

Felix Kling在这里解释一下，为什么有时它会充当保留字

Answer 5

或者只是添加一个事件监听器

document.querySelector("[type='button'][value='Clear']").addEventListener("click", clear);