onclick ఇవెంట్
నిర్వచనం మరియు ఉపయోగం
onclick ఇవెంట్ యూజర్ ఎలమెంట్ను క్లిక్ చేసినప్పుడు జరుగుతుంది.
实例
బ్యూటన్ ను క్లిక్ చేసినప్పుడు జావాస్క్రిప్ట్ నిర్వహించండి:
<button onclick="myFunction()">నేను క్లిక్ చేయండి</button>
పేజీ క్రిందన, మరిన్ని TIY ఉదాహరణలు ఉన్నాయి.
విధానం
హైల్టెక్స్ లో:
<element onclick="myScript">
జావాస్క్రిప్ట్ లో:
object.onclick = function(){myScript};
జావాస్క్రిప్ట్ లో, addEventListener() మంథనం ఉపయోగించడం విధానం కనుగొనండి:
object.addEventListener("click", myScript);
ప్రతీక్షలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అది ముంది వెర్షన్లు కాల్పడని మద్దతు లేదు addEventListener() మంథనం.
సాంకేతిక వివరాలు
| బాయిలవ్ అవుతుంది రీతి: | మద్దతు |
|---|---|
| రద్దు చేయగలిగే రీతి: | మద్దతు |
| ఇవెంట్ టైప్స్: | MouseEvent |
| మద్దతు చేసే HTML టాగ్స్ అని తెలుపండి: | అన్ని HTML ఎలమెంట్స్ తప్ప <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> మరియు <title> లను సహాయపడుతుంది: |
| DOM వెర్షన్ అని తెలుపండి: | లెవల్ 2 ఇవెంట్స్ |
బ్రాసర్ మద్దతు
| ఇవెంట్స్ | క్రోమ్ | ఐఈ | ఫైర్ఫాక్స్ | సఫారీ | ఆపరా |
|---|---|---|---|---|---|
| onclick | మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
మరిన్ని ఉదాహరణలు
实例
బ్యూటన్ ను క్లిక్ చేసి ప్రస్తుత తేదీ మరియు సమయాన్ని చూపించండి:
<button onclick="getElementById('demo').innerHTML = Date()">సమయం ఏమిటి?</button>
实例
单击 <p> 元素将其文本颜色更改为红色：
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
实例
关于如何通过单击来更改 <p> 元素颜色的另一个例子：
<p onclick="myFunction(this, 'red')">Click me to change my text color.</p>
<script>
function myFunction(elmnt,clr) {
elmnt.style.color = clr;
}
</script>
实例
单击按钮将一些文本从输入字段复制到另一个输入字段：
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
实例
把 "onclick" 事件分配给 window 对象：
window.onclick = myFunction;
// 如果用户在窗口中单击，则将 <body> 的背景颜色设置为黄色
function myFunction() {
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}
实例
使用 onclick 创建下拉按钮：
// 获取按钮，当用户点击时，执行 myFunction
document.getElementById("myBtn").onclick = function() {myFunction()};
/* myFunction 在添加和删除 show 类之间切换，用于隐藏和显示下拉内容 */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
సంబంధిత పేజీలు
JavaScript శిక్షణ కొరకు:JavaScript సంఘటనలు
HTML DOM పరిధిని కొరకు:ondblclick సంఘటన
HTML DOM పరిధిని కొరకు:onmousedown సంఘటన
HTML DOM పరిధిని కొరకు:onmouseup సంఘటన
