在我的情况下如何检测点击和操作元素

Question

我试图在用户单击页面中的任何位置时检测到文档单击。 我也想防止单击div来触发文档单击。

我有类似的东西

//Directive for page click
angular.module('myApp').directive('documentClick', ['$rootScope',
    function($rootScope) {
        return function(scope, element, attrs) {
            element.bind('click', function(e){
                $rootScope.$broadcast('pageClick');
            })
        }
}]);

controller JS

  //within a controller
  $scope.toggleDiv = function() {
      $scope.openDiv = !$scope.OpenDiv;
   }

  $scope.$on('pageClick', function($event) {
            $scope.openDiv = false;
  })

html 
  <body document-click>
      <div ng-controller = 'ctrl'>
          <div id='testDiv'>
               <div id='childDiv' ng-click="toggleDiv()">
                    toggle div here
               </div>
           </div>
      </div>
  </body>

当我点击' childDiv '时，我不想触发$scoep.openDiv = false 。 我只想在单击页面中的任何位置时触发$scope.openDiv = false 。

有没有办法做到这一点？

谢谢！

Answer 1

您可以传递事件e并检查target.id ：

$rootScope.$broadcast('pageClick', e);

$scope.$on('pageClick', function($event, e) {
    if(e.target.id !== 'childDiv')
        $scope.openDiv = false;
})

在我的情况下如何检测点击和操作元素

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-09-25 00:09:54

在我的情况下如何检测点击和操作元素

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-09-25 00:09:54

解决方案1
0 已采纳 2014-09-25 00:09:54