javascript - 当用户在其外单击时，使用jquery隐藏自定义模式

重复：

是的。以下是我在堆栈溢出时搜索的参考。

Reference 1

Reference 2

Reference 3

Reference 4

我在寻找什么：

实际上，我是在不使用引导程序的情况下制作自定义模式的。总的来说，我的代码运行良好，下面是它的实时示例：

$(window).click(function(e){
    let classname = e.target.className;
    if(classname == "ah-modal-wrapper") {
    e.target.style.display = 'none';
    }
});

Fiddle

问题是当我选择模态的内部文本并从模态中释放我的选择时，它会隐藏/关闭模态。但是我的需要是，当我在模态之外单击时，模态应立即关闭。哪个工作正常。但是我不希望在从模态中释放鼠标单击时关闭该模态。

有关更多许可，请查看以下示例：

Bootstrap Modal Example

最佳答案

这是工作代码：

$('.ah-modal-wrapper').on('mousedown', function(e) {
    $(this).hide();
});

$('.ah-modal').on('mousedown', function(e){
    e.stopPropagation();
});

也更新了jsfiddle

关于javascript - 当用户在其外单击时，使用jquery隐藏自定义模式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39335203/