onclick ইভেন্টক্তা
অর্থাৎ ও ব্যবহার
onclick ইভেন্টক্তা ব্যবহূমীদা ইলেকট্রনক্তা ক্লিক করা হলে ঘটে
实例
বুটনক্তা ক্লিক করা হলে জেস্ক্রিপ্টতা চালু করগীদমক্তা:
<button onclick="myFunction()">Click me</button>
পানা নীচে আরো TIY প্রয়োগ আছে
গ্রামার
HTMLতা মদক্তা:
<element onclick="myScript">
জেস্ক্রিপ্টতা মদক্তা:
object.onclick = function(){myScript};
জেস্ক্রিপ্টতা মদক্তা, addEventListener() মথুদা ব্যবহার করগীদমক্তা:
object.addEventListener("click", myScript);
মুক্তানা:ইন্টারনেট এক্সপ্লোরার ৮ ও তার পূর্ববর্তী সংস্করণক্তা এই মথুদা সমর্থন করদা না addEventListener() মথুদা。
কারিগীদমক্তা বিবরণ
| বালুক্তা: | সমর্থন |
|---|---|
| বাতিল করা যায়: | সমর্থন |
| ইভেন্ট ধরন: | MouseEvent |
| সমর্থিত HTML ট্যাগ: | সমস্ত HTML ইলেকট্রন, এক্সেপ্ট: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ও <title> |
| DOM সংস্করণ: | লেভেল ২ ইভেন্ট |
ব্রাউজার সমর্থন
| ইভেন্ট | চ্রোম | আইই | ফায়ারফক্স | স্যাফারী | অপেরা |
|---|---|---|---|---|---|
| onclick | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
আরো প্রয়োগ
实例
ক্লিক করুন <button> ইলেকট্রন কারীগীদমক্তা চালু করগীদমক্তা বর্তমান তারিখ ও সময়ক্তা দেখগীদমক্তা:
<button onclick="getElementById('demo').innerHTML = Date()">What is the time?</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 ইভেন্ট
