JS中事件绑定问题

今天编写代码时遇到一个问题，我的判断语句（IFLESE）老是顺序执行结束后又跳到中间的语句里去执行了，找了半天没发现问题，最后才发现是事件绑定闹得鬼，不多说，先上代码为敬。

JSP里
<button class="btn" onClick="abc()"></button>

JS里

function abc(){

   if(){

     alert(111);

   }else if(){
   
     $(document).on("click", "#btn", function(){
       
        ......
       
     }

   }else{
 
    alert(222);

   }

}

标红的代码就是绑定了事件，这就导致我前台点击第一次后，后台只要执行到，该事件就会被绑定，后续的操作都会继续执行这块的代码。

开始我在代码外面执行alert，想要找出问题所在，但都不见成效，想了很久才想到事件绑定，试了一下果然是这样，所以后续也就很好处理了，只要将标红的代码保留“......”,其余的都注释掉就OK了，今天分享一下，希望后面大家以此为鉴，不犯这样的错误了。（有好想法好收获大家一起分享啊！！！）