如何在Angular 2中的组件外部获取mouseup

前端之家收集整理的这篇文章主要介绍了如何在Angular 2中的组件外部获取mouseup前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个abc组件(页面的一部分).它有一个事件mouseup.
@Component({
    selector: 'abc-component'
})
@View({
    <div (mousedown)="mouseDown()" (mouseup)="mouseUp()"></div>
})
export class ScheduleComponent {
    mouseDown(){
        //doSomthing
    }
    mouseUp(){}
}

但只有当鼠标在< div>内时,mouseup事件才能触发.如何在< div>之外触发事件?

我是否必须将(mouseup)=“mouseUp()”移动到app.ts然后使用像@Output或service这样的东西让app.ts知道?还有其他方法吗?

谢谢

添加一个全局事件目标,如
<div (window:mousedown)="mouseDown()" (window:mouseup)="mouseUp()"></div>

全球听取事件. (身体和文件工作).

这当然也适用于组件类

@HostListener('window:mouseup',['$event'])
mouseUp(event){}

猜你在找的Angularjs相关文章