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

Answer 1

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

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

您可以将多个事件绑定到 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
});

Answer 2

尝试替换“return false;”与“event.preventDefault();”。这应该让事件向上传播，以便点击处理程序触发，但仍然阻止 a-href 导航。

Answer 3

使用

onclick

属性通常被认为是不好的做法。它将太多的结构 (HTML) 与行为 (JavaScript) 混合在一起。

为什么不一起做呢？

<a class="thumbLinkCart" href="#">Link</a>

还有

<script>
  $(document).ready(function() { 
    $('.thumbLinkCart').click(function() {
      simpleCart.add('name=lemon','price=7.99','image=images/thumbs/yellowgold.jpg'); 
      $.growlUI('Item added to cart'); 
    }); 
  }); 
</script>

Answer 4

你能告诉我如果我使用这个版本的代码该怎么办吗？

    <p id="block1"> HIDEN TEXT</p>
    <p id="show" onclick="$('#block1').show(1000)"> SHOW TEXT </p> 
    <p id="block2"> HIDEN TEXT</p>

当你点击一个元素SHOW时，第二个元素（id="block2"）也必须显示