Question

我尝试在“重置”按钮类型上设置一个onclick功能，只有当我点击两次时它才会起作用，我甚至尝试将它作为普通按钮类型并具有相同的结果。我把它放在网站的其他部分，但相同的结果仍然存在。

它所执行的功能是删除每次添加新订单时动态显示的文本。并且html重置功能会清除其余的网站输入，我猜这是可以的。

在这里，您可以访问该网站并亲眼看看：

http://www.premiere-produkter.no/pp/lagersalg/index.php

以下是代码的一部分，

var tester;
var tester = function () {
    document.form['reset'].onclick = function () {
        contact_box_kurv.innerHTML = ("").replace (/,/g, ''); 
        return false;
    };
};
</script>

<h2><INPUT TYPE="RESET" name="reset" id="reset" VALUE="Tøm Handlekurv" onclick="tester()"></h2>

注意：要查看网站上的功能，您需要添加订单。

Answer 1

您的按钮具有内联onclick属性，可调用tester()。所以在第一次点击时它会执行tester()所做的任何操作 - 将其替换为设置为onclick内的匿名函数的另一个tester()。因此，在第二次单击时，它将执行第二个匿名函数所做的事情。

请改为尝试：

var tester = function () {
    contact_box_kurv.innerHTML = ("").replace (/,/g, ''); 
    return false;
};

（即，直接在tester()中拥有所需的功能。）

Answer 2

您需要单独放置此脚本：

window.onload = function ()
{
    document.form['reset'].onclick = function () {
    contact_box_kurv.innerHTML = ("").replace (/,/g, ''); 
    return false;
    };
};

删除事件处理程序脚本。

onclick功能在第一次点击时不起作用

2 个答案: