Addeventlistener Javascript

| | | |

Il metodo addEventListener() viene utilizzato insieme a EventTarget, che è un`implementazione del Document Object Model (DOM) che può ricevere eventi come clic, passaggio del mouse, invio, keydown, trascinamento e Altro. Gli eventi possono essere pensati come l`interazione di un utente con la pagina web o un documento.

A differenza del valore non definito, NULL può essere un valore assegnato a questo scopo dagli sviluppatori nei loro programmi. Rappresenta l`assenza di un valore o di un oggetto. È un valore primitivo e falso.

In questo articolo, analizzeremo il motivo per cui gli sviluppatori potrebbero ricevere questo errore durante la codifica.

Perché l`errore viene attivato. Null

Un listener di eventi è stato aggiunto all`immagine della nave sul sito sottostante. Dovremmo vedere un bordo punteggiato blu attorno all`immagine facendo clic su di essa, ma otteniamo l`errore "Impossibile leggere la proprietà" addEventListener "proprietà di null" nella console.

Capture 397

L`immagine del sito di esempio sopra è una rappresentazione del markup e del seguente codice JavaScript

HTML

JavaScript

Nota che quando invochiamo querySelector, chiamiamo .content-dest ` quando ` .content - dest " non esiste in HTML. Se abbiamo dimenticato di utilizzare il punto per conto della classe, abbiamo ricevuto lo stesso errore.

Debug

Il valore di cui abbiamo bisogno da scegliere nel nostro JavaScript è ‚".destination content . Dopo aver corretto questo errore nella console scompare e vediamo il bordo tratteggiato blu creato nel nostro listener di eventi.

Capture 400

Conclusione

Il metodo addEventListener viene utilizzato per consentire agli utenti di interagire con la pagina Web o il documento. Null è l`assenza di un valore o di un oggetto quando si chiama un selettore che non esiste o si dimentica di includere il punto nel nome della classe o il simbolo hash nell`id quando n invocando i metodi querySelector, possiamo generare lo stesso errore null.

Addeventlistener Javascript __del__: Questions

Addeventlistener Javascript around: Questions

Shop

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

$

Best laptop for Zoom

$499

Best laptop for Minecraft

$590

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