In Angular2, how can I target an element within the HostListener decorator?
@HostListener('dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
@HostListener('document: dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
@HostListener('myElement: dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
@HostListener('myElement.myClass: dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
The two first work. Any other thing I've tried raises an EXCEPTION: Unsupported event target undefined for event dragstart
So, can I implement it to a targeted element? How?
@HostListener()
only supports window
, document
, and body
as global event targets, otherwise it only supports the components host element.