jquery - 我可以在一个元素中有两个 jquery onclick 事件吗？

Question

我知道以前有人问过这个问题，但我什至无法完全了解如何在一次单击中添加特定功能的语法。

当前 onclick 代码:

<a class="thumbLinkCart" href="#" onclick="simpleCart.add('name=lemon','price=7.99','image=images/thumbs/yellowgold.jpg');return false;"></a>

要添加的第二个事件:

<script>
    $(document).ready(function() { 
      $('#demo12').click(function() { 
   $.growlUI('Item added to cart'); 
}); 
}); 
</script>

有人可以帮我将第二个函数添加到第一个 onclick 事件中吗？

Answer 1

您可以将多个事件(类似)绑定(bind)到同一元素。但是，如果您使用内联事件处理程序绑定(bind)事件，则最多可以定义一个事件。

注意:使用 javascript 绑定(bind)事件始终是一个更好的主意，因为它保持关注点分离并出于可维护性目的。

您可以将多个事件绑定(bind)到 JS 代码中的元素，这样会更简洁

jQuery

 $('#demo12').on('click', function() { 
    alert('1st click event');
    //  Add items to the cart here
});

$('#demo12').on('click', function() { 
    alert('2nd click event');
    //  Do something else
});

普通 JavaScript

document.querySelector('#demo12').addEventListener('click', function() { 
    alert('1st click event');
    //  Add items to the cart here
});

document.querySelector('#demo12').addEventListener('click', function() { 
    alert('2nd click event');
    //  Do something else
});

<强> Check Fiddle