如何检测angularjs中引导模式的外部点击？答案

【问题标题】：How to detect outside click on bootstrap modal in angularjs?如何检测angularjs中引导模式的外部点击？
【发布时间】：2016-03-10 00:07:52
【问题描述】：

要求是我想检测用户是否在模态之外点击了这里是我的模态代码

<div class="modal fade modal-metadata-list">
<div class="modal-dialog" id="my-modal">
    <div class="modal-content">
        <div class="modal-header sys-version-header">
            <img class="modal-resultPage pull-right" ng-click="close('Cancel')" data-dismiss="modal" aria-hidden="true" src="../images/Cancel.png">
            // Modal Content 
        </div>
      </div>
</div>

我就是这样调用模态的

<a style="text-align: center" ng-click="showMetadataModal(reprintDocument.docId)">

【问题讨论】：

我能问一下你为什么需要这个吗？是不是防止modal在外面点击的时候关闭？

标签： jquery angularjs html twitter-bootstrap

【解决方案1】：

我假设模态框不会占据整个屏幕，在这种情况下，您可以使用外部元素来检查用户是否点击。

jQuery(outerElement).on('click', function(){
    //your code
});

【讨论】：

感谢我尝试过的快速回复，问题是我想在用户点击外部并且模式关闭时检测事件。基本上，如果你指定了 outerElement，当你点击 modal 本身时，它仍然会触发相同的事件。
理论上，如果给modal本身加上z-index，那么当你点击modal时，就不会触发点击功能。如果您有更多可用代码（或者可以创建一个 js fiddle，那么我可以更好地理解您的代码。