Addeventlistener Javascript

| | | |

La méthode addEventListener () est utilisée dans EventTarget, che è un`implementazione del Document Object Model (DOM) che può ricevere eventi come click, passaggio del mouse, invio, keydown, trascinamento e Autre. Les événements peuvent être considérés comme l`interaction d`un utilisateur avec la page Web ou un document.

Contrairement à une valeur indéfinie, NULL peut être une valeur attribuée à cet effet par les développeurs dans leurs programmes. Il représente l`absence d`une valeur ou d`un objet. Il s`agit d`une valeur primitive et fausse.

Dans cet article, nous allons nous pencher sur les raisons pour lesquelles les développeurs peuvent obtenir cette erreur lors du codage.

Pourquoi l`erreur est déclenchée. Null

Un écouteur d`événement a été ajouté à l`image du navire sur le site ci-dessous. Nous devrions voir une bordure en pointillé bleu autour de l`image en cliquant dessus, mais nous obtenons l`erreur "Impossible de lire la propriété" addEventListener "propriété de null" dans la console.

Capture 397

L`exemple d`image de site ci-dessus est une représentation du balisage et du code JavaScript suivant

HTML

JavaScript

Notez que lorsque nous invoquons le querySelector, nous appelons le .content-dest ` lorsque ` .content - dest " n`existe pas en HTML. Si nous avons oublié d`utiliser le point au nom de la classe, nous recevons la même erreur.

Debug

La valeur dont nous avons besoin choisir dans notre JavaScript est ‚". destination content . Après avoir corrigé cela, l`erreur dans la console disparaît et nous voyons la bordure en pointillé bleu créée dans notre écouteur d`événement.

 Capture 400

Conclusion

La méthode addEventListener est utilisé pour permettre aux utilisateurs d`interagir avec la page Web ou le document. Null est l`absence d`une valeur ou d`un objet. lors de l`appel d`un sélecteur qui n`existe pas ou oublie d`inclure le point dans le nom de la classe ou le symbole dièse dans l`id lorsque le n invoquant les méthodes querySelector, nous pouvons lancer la même erreur nulle.

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