एचटीएमएल ऑनक्लिक इवेंट एट्रीब्यूट
उदाहरण
एक बटन क्लिक होने पर जावास्क्रिप्ट निष्पादित करें:
<button onclick="myFunction()">Click me</button>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ऑनक्लिक विशेषता माउस पर सक्रिय होती है, तत्व पर क्लिक करती है।
ब्राउज़र समर्थन
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
<element onclick="script">
गुण मान
| Value | Description |
|---|---|
| script | The script to be run on onclick |
टेक्निकल डिटेल
| समर्थित HTML टैग: | सभी HTML तत्व, सिवाय: <आधार>, <bdo>, <br>, <head>, <html>, <iframe>, <मेटा>, <परम>, <स्क्रिप्ट>, <शैली>, और <शीर्षक> |
|---|
और ज्यादा उदाहरण
उदाहरण
किसी <p> तत्व के टेक्स्ट के रंग को लाल रंग में बदलने के लिए उस पर क्लिक करें:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
उदाहरण
किसी इनपुट फ़ील्ड से दूसरे इनपुट फ़ील्ड में कुछ टेक्स्ट कॉपी करने के लिए एक बटन पर क्लिक करें:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: ऑनक्लिक घटना
❮ HTML ईवेंट विशेषताएँ