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

发布时间：2020-12-17 09:17:56 所属栏目：安全来源：网络整理

导读：我有一个abc组件(页面的一部分).它有一个事件mouseup. @Component({ selector: 'abc-component'})@View({ div (mousedown)="mouseDown()" (mouseup)="mouseUp()"/div})export class ScheduleComponent { mouseDown(){ //doSomthing } 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){}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!