防止blur（）运行

Question

我有一个引导弹出框，它在输入的焦点上激活。popover中包含一个按钮，用于执行ajax请求。

我有一个blur功能，如果用户点击远离输入，该功能将关闭popover：

$(document).on('blur','.open-popover',function(){        
    $(".popover").attr("style","");
    //and do other things too  
});

如果用户按下弹出窗口中的按钮，我试图阻止上面的blur函数运行：

$(document).on('click','button',function(){
    //prevent the blur actions and 
    //do ajax stuff                                   
});




Answer 1

你有没有看过停止Immedia ateProjuation？如果使用jQuery，则按绑定事件处理程序的顺序触发事件处理程序。只需在模糊之前绑定单击，并在单击事件中运行停止Immedia ateProjuation。

// bind click event first
$(document).on('click','button',function(event){
    // keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
    event.stopImmediatePropagation();                            
});

// then attach blur
$(document).on('blur','.open-popover',function(){        
    $(".popover").attr("style","");
    //and do other things too  
});