0
354
Visualizações¿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 Respostas
Responde à pergunta0
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