我可以在一个元素中有两个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

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...