【问题标题】:Capture the click event on bootbpx confirm/alert box buttons捕获引导框确认/警报框按钮上的点击事件
【发布时间】:2017-02-01 10:57:54
【问题描述】:

我正在尝试创建一个插件来捕获页面上的所有点击事件。这些已确认并使用 bootbox 插件显示警报。我想将点击事件附加到引导箱确认/警报按钮(例如:点击确定或是或否时),以便我可以捕获点击事件。我不想使用引导箱回调事件,因为我不拥有添加回调事件的代码库,而且我想要一个公共的地方来捕获点击。

bootbox modal dialog

由于 bootbox 确认/警报是动态创建的,我尝试使用 jquery 附加点击事件,如下所示

$(document).on('click', ':button', function(){ 
    alert('bootbox button clicked');
});


$(document).on('click', 'button[type="button"]', function(){
   alert('bootbox button clicked');
});

也尝试过使用类选择器。

$(document).on('click', '.tempclass', function(){
   alert('bootbox button clicked');
});

tempclass 是分配给 bootbox 插件的类。

我也尝试了如下的 javascript 附加事件

document.addEventListener("click", handleClick, false);
document.attachEvent("onclick", handleClick);
function handleClick(event)
{
    alert('bootbox button clicked');
}

但是,我没有成功。除了引导框按钮单击事件之外,每个其他动态创建的控件的单击事件都会被触发。有人可以帮我解决这个问题吗?

【问题讨论】:

    标签: javascript jquery twitter-bootstrap-3 modal-dialog bootbox


    【解决方案1】:

    您可以使用插件的内置回调功能,请参阅“高级用法”部分:

    http://bootboxjs.com/documentation.html

    【讨论】:

    • 嗨 cyrix,我没有添加回调功能的代码库。我正在编写一个包装器来在一个公共位置捕获点击事件。
    • 确实尝试监听自定义事件 bootbox 正在触发,如下所示:github.com/makeusabrew/bootbox/blob/master/bootbox.js#L697
    • 是否可以为bootbox的alert/confirm/dialog创建全局回调函数?
    猜你喜欢
    • 1970-01-01
    • 2011-06-24
    • 1970-01-01
    • 1970-01-01
    • 2020-04-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多