javascript – 检测Angularjs中的Mousedown事件

前端之家收集整理的这篇文章主要介绍了javascript – 检测Angularjs中的Mousedown事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道如何在单击的指令上检测mousedown事件.但是,当鼠标在我的指令/元素之外时,我的指令也需要变得不可原谅或取消选择.我怎样才能做到这一点?

解决方法

在指令中创建一个链接函数,该函数绑定文档上的mousedown事件处理程序.然后,在指令元素本身上绑定另一个mousedown事件.后一个处理程序还应调用event.stopPropagation()以防止事件一直冒泡到文档级别:
  1. link: function(scope,elem,attrs){
  2. angular.element(document).bind('mousedown',function(){
  3. console.log('clicked on document');
  4. });
  5.  
  6. elem.bind('mousedown',function(e){
  7. e.stopPropagation();
  8. console.log('clicked on directive');
  9. });
  10. }

Working Plunker

猜你在找的JavaScript相关文章