Addeventlistener Javascript

| | | |

El método addEventListener () viene utilizzato insieme a EventTarget, che è un`implementazione del Document Object Model (DOM) che può ricevere eventi come click, passaggio del mouse, invio, keydown, trascinamento y Otro. Los eventos pueden considerarse como la interacción de un usuario con la página web o un documento.

A diferencia del valor indefinido, NULL puede ser un valor asignado para este propósito por los desarrolladores en sus programas. Representa la ausencia de un valor o de un objeto. Es un valor primitivo y falso.

En este artículo, profundizaremos en por qué los desarrolladores pueden obtener este error mientras codifican.

Por qué se activa el error. Nulo

Se ha agregado un detector de eventos a la imagen del barco en el sitio a continuación. Deberíamos ver un borde punteado azul alrededor de la imagen al hacer clic en él, pero obtenemos el error "No se puede leer la propiedad" addEventListener "propiedad de nulo" en la consola.

Capture 397

La imagen del sitio de ejemplo anterior es una representación del marcado y el siguiente código JavaScript

HTML

JavaScript

Tenga en cuenta que cuando invocamos el querySelector, estamos llamando a .content-dest ` cuando ` .content - dest " no existe en HTML. Si olvidamos usar el punto en nombre de la clase, recibimos el mismo error.

Debug

El valor que necesitamos elegir en nuestro JavaScript es ‚". contenido de destino. Después de corregir esto, el error en la consola desaparece y vemos el borde azul punteado creado en nuestro detector de eventos.

Capture 400

Conclusión

El método addEventListener se utiliza para permitir que los usuarios interactúen con la página web o el documento. Nulo es la ausencia de un valor u objeto. al llamar a un selector que no existe u olvida incluir el punto en el nombre de la clase o el símbolo hash en la identificación cuando al invocar los métodos querySelector, podemos arrojar el mismo error nulo.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method