JS 计算器：onclick 的不显眼替代方案

Question

我当前的 html 设置带有内联 js。这包括具有以下输入的 a：

<input type="button" value="7" onclick="appendSymbol(value)" />

我研究了不显眼的 js，甚至在单击按钮时，我的结果窗口中会出现 [object mouseclick]。我需要一种不显眼的方式将值输入到我的 appendSymbol 函数中。

Here是带有突兀js的计算器。

我不是在寻找完整的 sn-ps，只是建议或参考点。

Answer 1

您只需要在输入加载后运行一个点击处理程序。

如果您使用的是 jquery 等框架，这将变得非常简单：

$("input").click(function(e){
  appendSymbol($(this).val());
});

如果你不是，你可以用普通的 javascript 做同样的事情：

element.addEventListener('click', function() { ... }, false);