ईवेंट श्रोता जोड़ें Javascript

| | | |

Il metodo addEventListener () एक EventTarget में उपयोग करें, che ® un`implementazione del Document Object Model (DOM) चे पुò राइसवेरे इवेंट कम क्लिक करें, passaggio del mouse, invio, keydown, trascinamento ई अन्य। ईवेंट को वेब पेज या दस्तावेज़ के साथ उपयोगकर्ता की सहभागिता के रूप में माना जा सकता है।

अपरिभाषित मान के विपरीत, NULL इस उद्देश्य के लिए डेवलपर्स द्वारा उनके कार्यक्रमों में निर्दिष्ट मान हो सकता है। यह किसी मूल्य या वस्तु की अनुपस्थिति का प्रतिनिधित्व करता है। यह एक आदिम और असत्य मान है।

इस लेख में, हम यह जानने जा रहे हैं कि कोडिंग करते समय डेवलपर्स को यह त्रुटि क्यों मिल सकती है।

त्रुटि क्यों ट्रिगर होती है। शून्य

एक घटना श्रोता नीचे साइट पर जहाज छवि में जोड़ा गया है। हमें छवि के चारों ओर एक नीली बिंदीदार सीमा पर क्लिक करके देखना चाहिए, लेकिन हमें कंसोल में "संपत्ति पढ़ने में असमर्थ" addEventListener "शून्य की संपत्ति" त्रुटि मिलती है।

कैप्चर 397

उपरोक्त उदाहरण साइट छवि मार्कअप और निम्नलिखित जावास्क्रिप्ट कोड का प्रतिनिधित्व करती है

HTML

जावास्क्रिप्ट

ध्यान दें कि जब हम querySelector का प्रयोग करते हैं, तो हम .content-dest ` को कॉल कर रहे होते हैं जब ` .content - dest " HTML में मौजूद नहीं है। अगर हम कक्षा की ओर से अवधि का उपयोग करना भूल गए, तो हमें वही त्रुटि मिली।

डीबग

वह मान जो हमें चाहिए हमारे जावास्क्रिप्ट में चुनने के लिए ‚". गंतव्य सामग्री है। इसे ठीक करने के बाद कंसोल में त्रुटि दूर हो जाती है और हम अपने ईवेंट श्रोता में बनाई गई नीली बिंदीदार सीमा देखते हैं।

const =thirdBorder document.querySelector (`गंतव्य सामग्री`); थर्डबॉर्डर.addEventListener (`क्लिक`, (ईवेंट) => {event.target .style.border = `ब्लू डॉटेड 1REM` इवेंट। " alt = "कैप्चर 400" डेटा-srcset = "https: //744025.smushcdn .com / 1245953 / wp-content / uploads / 2020/09 / Capture-400-20x6.png? हानिपूर्ण = 1 और बैंड = 1 और वेबप = 1 20w, https://744025.smushcdn.com/1245953/wp- सामग्री / अपलोड / 2020/09 / स्क्रीनशॉट 400.png? आकार = 234x71 और हानिपूर्ण = 1 और पट्टी = 1 और वेबप = 1,234W, https://744025.smushcdn.com/1245953/wp-content/uploads/2020/09/स्क्रीनशॉट-400-385x117.png? हानिपूर्ण = 1 और बैंड = 1 और वेबप = 1385w, https://744025.smushcdn.com/1245953/wp-content/uploads/2020/09/Screenshot-400। .png आकार = 468x142 और हानिपूर्ण = 1 और बैंड = 1 और वेबपी = 1468w, https:? //744025.smushcdn.com/1245953/wp-content/uploads/2020/09/Screenshot-400.png size = 702x213 & ;? हानिपूर्ण = 1 और बैंड = 1 और वेबप = 1702W, https://744025.smushcdn.com/ 1245953 / wp- सामग्री / अपलोड / 2020/09 / कैप्चर-400-768x233.png हानिपूर्ण = 1 और बैंड = 1 और वेबप = 1,768w, https://744025.smushcdn.com/1245953/wp-content/uploads/2020/09 /Screenshot-400-770x234.png?lossy=1&strip = 1 और webp = 1,770W, https: // 744025 .smushcdn.com/1245953/wp-c ऑनटेनू / परिवर्धन / 2020/09 / कैप्चर-400.png? आकार = 936x285 और हानिपूर्ण = 1 और पट्टी = 1 और वेबप = 1936w, https://744025.smushcdn.com/1245953/wp-content/uploads/2020/09 / स्क्रीनशॉट 400 .png हानिपूर्ण = 1 और बैंड = 1 & वेबप = 1 1000W "src-data =" https: //744025.smushcdn.com/1245953/wp-content/uploads/2020/09/स्क्रीनशॉट -400.png हानिपूर्ण = 1 और बैंड = 1 और वेबप = 1 "डेटा -आकार =" (अधिकतम चौड़ाई: 1000px)? 100vw, 1000px "वर्ग =" wp-image-23265 आलसी लोड "src =" डेटा: छवि / gif; बेस 64, R0lGODlhAQABAAAAACH5BAEKAAEAAAAAAAAAAAICTAEAOw> = "<चौड़ाई" 1000 "ऊंचाई =" 304 "src =" https: // 744025 .smushcdn.com / 1245953 / wp-सामग्री / अपलोड / 2020/09 / स्क्रीनशॉट 400.pngy = 1 और पट्टी = 1 और वेबप = 1 "alt =" कैप्चर 400 "वर्ग =" wp-image-23265 "srcset =" https: //744025.smushcdn.com/1245953/wp-content/uploads/2020/09/ ? Screenshot-400-20x6.png हानिपूर्ण = 1 और बैंड = 1 और वेबपी = 1 20w, https: //744025.smushcdn। कॉम / 1245953 / wp- सामग्री / अपलोड / 2020/09 / कैप्चर-400.png आकार = 234x71 और हानिपूर्ण = 1 और बैंड = 1 और? ; webp = 1,234W, https://744025.smushcdn.com/1245953/ wp-content / uploads /2020/09/Screenshot-400-385x117.png?lossy=1&strip=1&webp=1 385w, https: // 744025। smushcdn.com/1245953/wp-content/uploads/2020/09/स्क्रीनशॉट -400.png आकार = 468x142 और हानिपूर्ण = 1 और पट्टी = 1 और वेबप = 1,468w, https: // 744025. smushcdn.com/1245953/ wp-content / अपलोड / 2020/09 / Screenshot-400.png? आकार = 702x213 और हानिपूर्ण = 1 और पट्टी = 1 और वेबप = 1702W, https://744025.smushcdn.com/1245953 / wp-content / अपलोड / 2020/09 / स्क्रीनशॉट -400-768x233.png? हानिपूर्ण = 1 और पट्टी = 1 और वेबप = 1,768w, https://744025.smushcdn.com/1245953/wp-content/uploads/ 2020/09 / स्क्रीनशॉट 400-770x234। पीएनजी? हानिपूर्ण = 1 और बैंड = 1 और वेबप = 1770W, https://744025.smushcdn.com/1245953/wp-content/uploads/2020/09/Screenshot-400 .png? आकार = 936x285 और हानिपूर्ण = 1 और पट्टी = 1 और वेबप = 1936w, https://744025.smushcdn.com/1245953/wp-content/uploads/2020/09/Screenshot-400.png?lossy= 1 और पट्टी = 1 और वेबप = 1 1000w "आकार =" (अधिकतम चौड़ाई: 1000px) 100vw, 1000px ">   

निष्कर्ष

विधि addEventListener उपयोगकर्ताओं को वेब पेज या दस्तावेज़ के साथ इंटरैक्ट करने की अनुमति देने के लिए उपयोग किया जाता है। नल एक मूल्य या वस्तु की अनुपस्थिति है। जब एक चयनकर्ता को कॉल किया जाता है जो मौजूद नहीं है या कक्षा के नाम में डॉट या आईडी में हैश प्रतीक शामिल करना भूल जाता है जब n क्वेरी सेलेक्टर विधियों को लागू करते हुए, हम उसी नल त्रुटि को फेंक सकते हैं।

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