我有一个使用事件处理程序调用 JavaScript 函数的按钮。由于某种原因，事件处理程序被调用两次。
这是我的按钮（我使用 php 对象来生成代码，这就是为什么有很多空标签的原因）：
<button name="addToCart" value="" size="" onclick="" src="" class="addToCartButton" id="0011110421111" type="button" formtarget="_self" formmethod="post" formaction="" data-mini="true" width="" height="" placeholder="" data-mini="1" onkeypress="" >Add To Cart</button>
这是我的事件处理程序：
$('.addToCartButton').click(function() {
alert("bob");
//addToCart($(this).attr("id"));
});
在这里，我收到两次警报。
我尝试在按钮的 onclick 属性中调用函数 addToCart，但是如果我这样尝试，则会收到此错误：
TypeError: '[object HTMLButtonElement]' is not a function (evaluating 'addToCart(0011110421111)')
我也尝试过 event.preventDefault() 和 event.stopPropagation()，但都不起作用。
任何想法为什么会发生这种情况，或者我可以做什么来阻止它执行两次，或者如果我从 onclick="" 调用 javascript 函数，为什么我会收到错误？
也许您在同一个按钮上附加了两次事件。您可以做的是取消绑定任何先前设置的点击事件，如下所示：
$('.addToCartButton').unbind('click').click(function() {
alert("bob");
//addToCart($(this).attr("id"));
});
这适用于所有附加事件（鼠标悬停、鼠标移开、单击……）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
