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

前端之家收集整理的这篇文章主要介绍了我可以在一个元素中有两个jquery onclick事件吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道这是以前被问过的,但我不能完全了解如何在一个onclick中添加我的特定功能的语法.

当前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事件.

解决方法

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

注意:始终使用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
});

Check Fiddle

原文链接:https://www.f2er.com/jquery/176403.html

猜你在找的jQuery相关文章