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