结合多个onClick事件

Question

我对Java语言非常陌生，并且正在为我要执行的某些任务而苦苦挣扎。 我在搜索中遇到了这两个问题，但与我的问题无关。

Javascript / html中的多个onclick事件

我可以动态创建多个onclick事件吗？

这就是我所拥有的。 我有一些图标，如果您单击它们，它们将执行某些onClick事件。 我正在尝试将它们组合在一起，以便您在切换它们时更改图标，这样就完成了图标的切换。

 onClick="$(this).find('i').attr('class', ($(this).attr('aria-expanded') == 'false' ? 'fa fa-times-circle-o' : 'fa fa-play-circle-o'));" 

现在这是我被困住的地方，而我的研究却空了。 我需要在图标上添加onClick函数，但不确定如何实现。

因此，当点击fa fa-play-circle-o时，它将触发triggerRadarAnimation（）;。 并且该图标将切换至fa-times-circle-o，并且在按下该图标时将触发radarAnimateKill（）; 并切换回另一个图标。

我可以使用切换功能，只是不确定如何将上述功能添加到切换功能。 在哪里可以找到解决方案的任何指导？

Answer 1

由于您使用的是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();
   }
 })