添加事件監聽器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 其他。事件可以被認為是用戶與網頁或文檔的交互。

與未定義的值不同,NULL 可以是開發人員在其程序中為此目的分配的值。它表示沒有值或對象。這是一個原始的錯誤值。

在本文中,我們將深入探討為什麼開發人員在編碼時可能會遇到此錯誤。

為什麼會觸發該錯誤。 Null

已將事件偵聽器添加到以下站點上的船舶圖像中。通過單擊,我們應該會在圖像周圍看到一個藍色虛線邊框,但是我們在控制台中收到“無法讀取屬性”addEventListener“null 屬性”錯誤。

Capture 397

原因可能是name類的拼寫錯誤調用code <> querSelector() 方法時,記住null表示不存在值或對象,調用不存在的值會導致null錯誤。

注意當我們選擇在 DOM 中操作 CSS 選擇器時,querySelector 方法只是我們可以使用的眾多方法之一。methods 和 get as .getElementsByClassName 的區別在於,當您調用一個類時或標識符使用 querySelector 或 querySelectorAll,記住使用期限和哈希符號。

調用中使用的示例是 (`.insertClassName`) 調用類名或(`#insertIdName`) 當你調用名字id時,忘記這樣做會導致同樣的錯誤

以上示例站點圖像是標記和以下 JavaScript 代碼的表示

HTML

JavaScript

請注意,當我們調用 querySelector 時,我們調用 .content-dest `` .content - dest " 在 HTML 中不存在。如果我們忘記使用句點代表類,我們會收到相同的錯誤。

Debug

我們需要的值在我們的 JavaScript 中選擇 ,".destination content 。修復此問題後,控制台中的錯誤消失了,我們看到在我們的事件偵聽器中創建了藍色虛線邊框。

Capture 400

結論

方法addEventListener 用於允許用戶與網頁或文檔進行交互。Null 是不存在值或對象。當調用不存在的選擇器或忘記在類名中包含點或在 id 中包含井號時n 次調用 querySelector 方法,我們可以拋出同樣的 null 錯誤。

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