我创建了一个单选按钮,用户可以在其中选择公制或英制单位。 以下代码是事件处理程序:
var metricRadio = document.getElementById("metric");
var imperialRadio = document.getElementById("imperial");
metricRadio.addEventListener("click", toMetric, false);
imperialRadio.addEventListener("click", toImperial, false);
当用户点击 Metric 单选按钮时,函数 toMetric
被调用。在函数 toMetric
中,我将用户以英制输入的内容转换为公制,并使用公制值更新输入框。问题在于,如果选择了 Metric 并且他再次单击 Metric 单选按钮,则会再次调用函数 toMetric
。选择公制单按钮时,我如何防止调用 tometric
函数。
你可以在这里测试我的意思:JSFiddle
只需输入 3 个值并多次单击“公制”或“英制”单选按钮。
最佳答案
看看这个:jsFiddle .
我用“改变”而不是“点击”:
metricRadio.addEventListener("change", toMetric, false);
imperialRadio.addEventListener("change", toImperial, false);
关于javascript - Javascript 只调用一次函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22313085/