HTML DOM click() मेथड किसी एलिमेंट पर माउस-क्लिक को सिमुलेट करता है। इसका उपयोग किसी भी एलिमेंट पर ठीक उसी तरह क्लिक करने के लिए किया जा सकता है जैसे कोई यूजर करेगा। इसका उपयोग एलिमेंट के क्लिक इवेंट को फायर करने के लिए किया जाता है। क्लिक इवेंट इवेंट बबलिंग करता है यानी यह इसके सभी पैरेंट्स के क्लिक इवेंट को भी एक्जीक्यूट करेगा।
सिंटैक्स (Syntax)
HTML DOM click() मेथड का सिंटैक्स:
HTMLElementObject.click()
उदाहरण (Example)
click() मेथड का एक उदाहरण:
<!DOCTYPE html> <html> <body> <p>रेडियो बटन पर होवर करके माउस-क्लिक सिमुलेट करें।</p> <form> <label>Radio <input type="radio" id="myRadio" name="choice" onmouseover="clickFunction()"></label> </form> <p id="Sample"></p> <script> function clickFunction() { document.getElementById("myRadio").click(); document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover"; } </script> </body> </html>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
रेडियो बटन पर होवर करने पर:
हमने एक फॉर्म के अंदर लेबल के साथ एक रेडियो बटन बनाया और इसे "myRadio" आईडी दी। यह बटन माउस होवर पर clickFunction() एक्जीक्यूट करेगा:
<label>Radio <input type="radio" id="myRadio" name="choice" onmouseover="clickFunction()"></label>
clickFunction() getElementById() मेथड का उपयोग करके रेडियो बटन को प्राप्त करता है और उसका click() मेथड एक्जीक्यूट करता है। यह रेडियो बटन को चेक कर देगा। रेडियो बटन चेक होने के बाद "Sample" आईडी वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके एक सफलता मैसेज प्रदर्शित किया जाता है:
function clickFunction() { document.getElementById("myRadio").click(); document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover"; }
