イベントリスナーJavascriptを追加する

| | | |

Il metodo addEventListener() viene utilizzato insieme a EventTarget、cheèun`implementazione del Document Object Model(DOM)chepuòricevereeventi come clic、passaggio del mouse、invio、keydown、trascinamento eその他。イベントは、ユーザーによるWebページまたはドキュメントとの対話と考えることができます。

未定義の値とは異なり、NULLは、開発者がプログラムでこの目的のために割り当てる値です。値またはオブジェクトがないことを表します。これは原始的で誤った値です。

この記事では、開発者がコーディング中にこのエラーを受け取る理由について詳しく説明します。

エラーがトリガーされる理由。 Null

以下のサイトの船の画像にイベントリスナーが追加されました。画像をクリックすると、画像の周囲に青い点線の境界線が表示されますが、コンソールに「プロパティを読み取れません」addEventListener「nullのプロパティ」エラーが表示されます。

 Capture 397

上記のサイト画像の例は、マークアップと次のJavaScriptコードを表したものです

HTML

JavaScript

querySelector を呼び出すと、`.content-のときに.content-dest`を呼び出すことに注意してください。 dest "はHTMLに存在しません。クラスに代わってピリオドを使用するのを忘れた場合、同じエラーが発生しました。

デバッグ

必要な値JavaScriptで選択するのは、"。destination content です。これを修正すると、コンソールのエラーがなくなり、イベントリスナーに青い点線の境界線が作成されます。

 Capture 400

結論

メソッドaddEventListenerユーザーがWebページまたはドキュメントを操作できるようにするために使用されます。Nullは、値またはオブジェクトがないことを意味します。存在しないセレクターを呼び出す場合、またはクラス名にドットを含めるのを忘れた場合、またはIDにハッシュ記号を含めるのを忘れた場合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