Javascript gebeurtenislistener toevoegen

| | | |

Il metodo addEventListener () maak gebruik van een EventTarget, maak gebruik van het Document Object Model (DOM) en klik op een klik, passaggio del mouse, invio, keydown, trascinamento e Anders. Gebeurtenissen kunnen worden gezien als de interactie van een gebruiker met de webpagina of een document.

In tegenstelling tot een ongedefinieerde waarde, kan NULL een waarde zijn die voor dit doel door ontwikkelaars in hun programma`s wordt toegewezen. Het vertegenwoordigt de afwezigheid van een waarde of een object. Het is een primitieve en valse waarde.

In dit artikel gaan we in op waarom ontwikkelaars deze fout kunnen krijgen tijdens het coderen.

Waarom de fout wordt geactiveerd. Null

Er is een gebeurtenislistener toegevoegd aan de afbeelding van het schip op de onderstaande site. We zouden een blauwe gestippelde rand rond de afbeelding moeten zien door erop te klikken, maar we krijgen de "Unable to read property" addEventListener "property of null"-fout in de console.

Capture 397

De bovenstaande voorbeeldsite-afbeelding is een weergave van de opmaak en de volgende JavaScript-code

HTML

JavaScript

Merk op dat wanneer we de querySelector aanroepen, we de .content-dest ` aanroepen wanneer ` .content - dest " bestaat niet in HTML. Als we zijn vergeten de punt namens de klas te gebruiken, hebben we dezelfde fout ontvangen.

Debug

De waarde die we nodig hebben om te kiezen in ons JavaScript is ‚". bestemmingsinhoud . Nadat dit is opgelost, verdwijnt de fout in de console en zien we de blauwe gestippelde rand gemaakt in onze gebeurtenislistener.

Capture 400

Conclusie

De methode addEventListener wordt gebruikt om gebruikers in staat te stellen te communiceren met de webpagina of het document. Null is de afwezigheid van een waarde of object. bij het aanroepen van een selector die niet bestaat of vergeet de punt in de klassenaam of het hash-symbool in de id op te nemen wanneer de n die de querySelector-methoden aanroept, kunnen we dezelfde null-fout geven.

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