यह आलेख संक्षेप में दर्शाता है कि डोम तत्व 'क्लिक ()' विधि क्या है और HTML में इसका उपयोग कैसे करें?
HTML में DOM एलीमेंट “क्लिक ()” मेथड क्या है?
जब HTML तत्व पर क्लिक () विधि को कॉल किया जाता है, तो यह माउस के साथ तत्व को क्लिक करने वाले उपयोगकर्ता को अनुकरण करता है, जो बदले में किसी संलग्न ईवेंट हैंडलर को ट्रिगर करता है। यह डेवलपर्स को भौतिक माउस क्लिक की आवश्यकता के बिना लिंक खोलने, फॉर्म सबमिट करने, या तत्वों की दृश्यता को टॉगल करने जैसी कई इंटरैक्टिव क्रियाएं करने की अनुमति देता है। यह इंटरैक्टिव और उत्तरदायी वेब पेज बनाने में मदद करता है।
HTML में DOM एलीमेंट 'क्लिक ()' विधि का उपयोग कैसे करें?
क्लिक () पद्धति का उपयोग करने के लिए, उपयोगकर्ताओं को पहले क्लिक-ऑन अनुकरण करने के लिए HTML तत्व का संदर्भ प्राप्त करना होगा। यह किसी भी मानक DOM ट्रैवर्सल या क्वेरी विधियों का उपयोग करके किया जा सकता है, जैसे ' getElementById ”, “ getElementsByClassName ”, “ querySelector ', या ' querySelectorAll ”।
आइए 'क्लिक ()' विधि की बेहतर व्याख्या के लिए एक उदाहरण देखें।
उदाहरण: HTML चेकबॉक्स और रेडियो बटन तत्व
एक उदाहरण माना जाता है जिसमें ' क्लिक करें () ”विधि का उपयोग HTML चेकबॉक्स और रेडियो बटन तत्वों के साथ किया जाता है। नीचे दिए गए कोड का पालन करें:
< प्रपत्र >
< इनपुट
प्रकार = 'चेकबॉक्स'
पहचान = 'चेकबॉक्स1'
मूषक के ऊपर से = 'चेकबॉक्स के लिए ()'
>
लिनक्सहिंट द्वारा संचालित
< इनपुट
प्रकार = 'रेडियो'
पहचान = 'रेडियो की बटन'
मूषक के ऊपर से = 'रेडियो के लिए ()'
>
लिनक्सहिंट द्वारा संचालित
< / प्रपत्र >
उपरोक्त कोड स्निपेट में:
- सबसे पहले, वेबपेज पर टैग का उपयोग करके 'टाइप सेट' के साथ एक चेकबॉक्स बनाया जाता है। चेक बॉक्स ”।
- उसके बाद, घटना श्रोता ' मूषक के ऊपर से 'चेकबॉक्स से जुड़ा हुआ है और' का आह्वान करता है चेकबॉक्स के लिए () ' समारोह।
- इसी तरह, ' रेडियो 'बटन' का उपयोग करके बनाया गया है <इनपुट> ” टैग, और ईवेंट श्रोता इससे जुड़ा हुआ है। लेकिन इस बार, ' रेडियो के लिए () ” समारोह का आह्वान किया जा रहा है।
वेबपेज पर एक HTML तत्व के निर्माण के बाद, अब 'जोड़ने का समय आ गया है' क्लिक करें () ' तरीका:
< लिखी हुई कहानी >
चेकबॉक्स के लिए फ़ंक्शन ( ) {
document.getElementById ( 'चेकबॉक्स1' ) .क्लिक करें ( ) ;
}
रेडियो के लिए समारोह ( ) {
document.getElementById ( 'रेडियो की बटन' ) .क्लिक करें ( ) ;
}
< / लिखी हुई कहानी >
उपरोक्त कोड स्निपेट में:
- सबसे पहले, दो जावास्क्रिप्ट कार्यों को परिभाषित करें, ' चेकबॉक्स के लिए () ' और ' रेडियो के लिए () ”।
- ये कार्य 'का उपयोग करते हैं दस्तावेज़.getElementById () विशिष्ट आईडी 'चेकबॉक्स 1' और 'रेडियोबटन' वाले पृष्ठ पर HTML तत्वों के संदर्भ प्राप्त करने की विधि।
- HTML तत्व पर क्लिक करने के अनुकरण के लिए, क्लिक () विधि का उपयोग किया जाता है। यह फ़ंक्शन कॉल किए जाने पर चालू या बंद होने की स्थिति को टॉगल करता है।
उपरोक्त कोड स्निपेट के निष्पादन के बाद, आउटपुट इस तरह दिखाई देता है:
उपरोक्त gif दिखाता है कि 'क्लिक ()' विधि का उपयोग करके चेकबॉक्स और रेडियो बटन की स्थिति बदल रही है।
निष्कर्ष
क्लिक () विधि विशेष रूप से जावास्क्रिप्ट के माध्यम से एक वेब पेज के साथ उपयोगकर्ता की बातचीत को संभालने के लिए उपयोगी है।
भौतिक रूप से तत्व पर क्लिक करने के लिए उपयोगकर्ता पर भरोसा करने के बजाय, प्रोग्रामेटिक रूप से क्लिक ईवेंट को अनुकरण करने के लिए क्लिक () विधि का उपयोग करें। यह इंटरैक्टिव और उपयोगकर्ता के अनुकूल डिज़ाइन बनाने के लिए उपयोगी है। इस आलेख ने HTML में DOM तत्व 'क्लिक ()' विधि का अर्थ सफलतापूर्वक प्रदर्शित किया है।