Intercept click event on a button, ask for confirmation, then proceed

后端 未结 4 953
陌清茗
陌清茗 2020-12-08 10:33

Based on a variable SomeCondition, I need to intercept a click event on a button, and ask for confirmation, if they say ok, proceed, otherwise ignore click.

4条回答
  •  半阙折子戏
    2020-12-08 11:12

    Process isOK your window.confirm within the function of the button

    $('#button1').click(function(){ 
       if(window.confirm("Are you sure?"))
         alert('Your action here');
    });
    

    The issue you're going to have is the click has already happened when you trigger your "Are You Sure" Calling preventDefault doesn't stop the execution of the original click if it's the one that launched your original window.confirm.

    Bit of a chicken/egg problem.

    Edit: after reading your edited question:

        var myClick = null;
    
        //get a list of jQuery handlers bound to the click event
        var jQueryHandlers = $('#button1').data('events').click;
    
        //grab the first jquery function bound to this event
        $.each(jQueryHandlers,function(i,f) {
           myClick = f.handler; 
           return false; 
        });
    
        //unbind the original
        $('#button1').unbind('click');
    
        //bind the modified one
        $('#button1').click(function(){
            if(window.confirm("Are You Sure?")){
                myClick();
            } else {
                return false;
            }
        });
    

提交回复
热议问题