单击Angular的外部事件处理程序– mdOutClick

单击Angular的外部事件处理程序– mdOutClick
插件名称 md-out-click
发布时间 2020年6月15日
插件作者 dibosh

mdOutClick是AngularJS模块,具有点击指令和服务OutClickService。这样一来,您就可以捕获元素外部的点击事件并根据该事件触发处理程序。

# NPM
$ npm install md-out-click --save

用法

on-out-click元素的属性上定义处理程序或动作。处理程序可以是任何有效的Javascript表达式。

<aside class="sidenav" ng-class="{'open': isSideNavOpen}" on-out-click="closeSideNav()"></aside>

或者,这也是可行的-

<aside class="sidenav" ng-class="{'open': isSideNavOpen}" on-out-click="isSideNavOpen = false"></aside>

使用OutClickService,您可以element同时为不同的应用不同的处理程序-

// 需要jquery支持来获得这样的元素
var elem1 = $document.find('#e1');
var elem2 = $document.find('#e2');

OutClickService.register(elem1, function () {
  // 做什么当点击是在elem1外面
});

OutClickService.register(elem2, function () {
  // 做什么当点击是在外面的elem2
});