27 lines
945 B
Markdown
27 lines
945 B
Markdown
|
---
|
||
|
|
title: Detect authentic click events
|
||
|
|
localeTitle: Detectar auténticos eventos click
|
||
|
|
---
|
||
|
|
## Detectar auténticos eventos click
|
||
|
|
|
||
|
|
Puede haber una situación en la que desee hacer algunas cosas específicas solo si el evento de clic fue realmente activado por un usuario y no por alguna secuencia de comandos para simular un evento de clic.
|
||
|
|
|
||
|
|
Hay una solución muy simple para este problema, el objeto de evento javascript nos proporciona una propiedad `.istrusted` , que se puede usar para distinguir la diferencia.
|
||
|
|
|
||
|
|
#### Aquí hay un ejemplo del uso de este método.
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
// Assume there is a button in the HTML
|
||
|
|
const button = document.querySelector('button');
|
||
|
|
|
||
|
|
button.addEventListener('click', (e) => {
|
||
|
|
if (e.isTrusted) {
|
||
|
|
console.log('Button clicked by a real user');
|
||
|
|
} else {
|
||
|
|
console.log('Button click simulated by a script');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
button.click() // Outputs "Button click simulated by a script"
|
||
|
|
|
||
|
|
```
|