AngularJS $uibModal 模糊失去焦点问题

Question

我是 AngularJS 的新手，我正试图在 uibModal 失去焦点时触发模糊事件，你能帮忙吗？

  <script>
  let stateCheck = setInterval(() => {
    if (document.readyState === 'complete') {
    document.getElementById("MainModal").onblur = function () {
       alert("blur event");                   
    };
  }
}, 100);
</script>

Answer 1

我有一个带视频的模式可以拍摄多张照片，所以它工作正常，但是如果我尝试下面的操作，视频标签和流变量不再存在并且相机继续工作...也就是说不好！

var instancia = $uibModal.open({
                templateUrl: raiz + 'ModCamara',
                controller: 'camaraController',
                controllerAs: 'vm',
                size: "md",
                resolve: {
                    //some data
                    }
                }
            }).closed.then(function () {
                alert("closed");// cant close the video here... video div doesnt exists
            });

所以解决我的问题的最佳方法是模糊事件...但模糊事件似乎不适用于 modal/angularJS

Answer 2

在这种情况下，您想要绑定到 'modal.closing' 事件，该事件在模态关闭之前广播到模态的 $scope ：

.controller('CamaraCtrl', function ($rootScope, $scope, ...) { $scope.$on('modal.closing', function(event, reason, closed) { // Do whatever you want here });

AngularJS $uibModal 模糊失去焦点问题

AngularJS $uibModal blur lose focus issue

javascript

focus

blur

angularjs