Javascript 组合多个onClick事件

Javascript 组合多个onClick事件,javascript,onclick,Javascript,Onclick,我对Javascript非常陌生,我正在努力完成一项特定的任务。我在搜索中遇到了这两个问题,但与我的问题无关 这就是我所拥有的。我有一些图标,如果你点击它们,它们会执行某个onClick事件。我正在尝试将它们组合起来,所以如果你切换它们,图标会发生变化,我已经完成了这样的图标切换 onClick="$(this).find('i').attr('class', ($(this).attr('aria-expanded') == 'false' ? 'fa fa-times-circle-o

我对Javascript非常陌生,我正在努力完成一项特定的任务。我在搜索中遇到了这两个问题,但与我的问题无关

这就是我所拥有的。我有一些图标,如果你点击它们,它们会执行某个onClick事件。我正在尝试将它们组合起来,所以如果你切换它们,图标会发生变化,我已经完成了这样的图标切换

 onClick="$(this).find('i').attr('class', ($(this).attr('aria-expanded') == 'false' ? 'fa fa-times-circle-o' : 'fa fa-play-circle-o'));" 
现在我陷入了困境,而我的研究结果却一无所获。我需要将onClick函数添加到图标中,但我不确定如何实现这一点

因此,当点击fa-play-CYCLE-o时,将触发触发触发();图标将切换到fa-times-circle-o,按下该图标将触发radarAnimateKill();并切换回另一个图标


我有切换功能,只是不知道如何添加这些功能上面的切换功能。有关于我在哪里可以找到解决方案的指导吗

因为您使用的是jQuery,所以可以尝试以下方法:

 // Bind a click handler that can perform logic in its handler
 $(selectorString).click(function(event){
   // Toggle both classes, so we get the right state
   $(this)
     .find('i')
     .toggleClass('fa-play-circle-o')
     .toggleClass('fa-times-circle-o');

   // Check which class is currently applied, and run the appropriate 
   // animation.
   if($($(this).find('i')).hasClass('fa-times-circle-o')) {
     triggerRadarAnimation();
   } else {
     radarAnimateKill();
   }
 })

您能否提供更多的代码,因为您的问题不明确,并尝试添加js函数,而不是在元素中编写js