0
364
Vistas¿Cómo obtener event.target como un objeto en Angular 2?
Primero, lo siento por mi inglés deficiente.
.
Quiero escribir código si hago clic en cualquier lugar excepto .do-not-click-here , llame a myFunction() .
Así que escribí un código como el siguiente.
document.addEventListener('click', (event) => { if(event.target.classList.includes('do-not-click-here')) { myFunction(); } )Pero este código devuelve el error "La propiedad 'classList' no existe en el tipo 'EventTarget'".
.
Así que intenté depurar a través de console.log .
.
Cuando probé console.log(event);
recibió event.target como un objeto javascript. (Lo quiero)
.
Cuando probé console.log(event.target);
recibió event.target como un elemento (?). entonces event.target.classList no funciona. (Quizás)
.
¿Cómo obtener event.target.classList ?
o hay una mejor manera de lo que pensaba para lo que quería?
3 Respuestas
Responde la pregunta0
Otras respuestas son buenas, esta es solo una alternativa de estilo más angular. Puede crear un detector de clics global en cualquiera de sus componentes de esta manera:
@HostListener('document:click', ['$event.target']) onClick(element: HTMLElement) { if(element.classList.contains('do-not-click-here')) { myFunction(); } }0
<button (click)="onClick($event)">click</button> export class Component{ onClick(event){ if(event.target.classList.contains('do-not-click-here')) { myFunction(); } } }0
document.addEventListener('click', (event) => { if(event.target.classList.contains('do-not-click-here')) { myFunction(); } ) use contains en lugar de includes