微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐