click
Misol
Tugma bosilganda funksiyani chaqiring:
<button onclick="myFunction()">Click me</button>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
onclick hodisasi foydalanuvchi HTML elementni bosganda sodir bo‘ladi.
Sichqoncha hodisalari
| Hodisa | Qachon sodir bo‘ladi |
|---|---|
| onclick | Foydalanuvchi elementni bosadi |
| oncontextmenu | Foydalanuvchi elementni o‘ng tugma bilan bosadi |
| ondblclick | Foydalanuvchi elementni ikki marta bosadi |
| onmousedown | Element ustida sichqoncha tugmasi bosiladi |
| onmouseenter | Ko‘rsatkich element ustiga olib kelinadi |
| onmouseleave | Ko‘rsatkich elementdan olib chiqiladi |
| onmousemove | Ko‘rsatkich element ustida harakatlanmoqda |
| onmouseout | Sichqoncha ko‘rsatkichi elementdan chiqadi |
| onmouseover | Sichqoncha ko‘rsatkichi element ustiga olib kelinadi |
| onmouseup | Element ustida sichqoncha tugmasi qo‘yib yuboriladi |
Shuningdek qarang:
Darslik:
Sintaksis
JavaScript’da, addEventListener() metodi yordamida:
object.addEventListener("click", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Ha |
|---|---|
| Bekor qilish mumkinmi: | Ha |
| Hodisa turi: | MouseEvent |
| Qo‘llab-quvvatlanadigan HTML teglari: |
Quyidagilardan tashqari barchasi: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> va <title> |
Ko‘proq misollar
Sanani ko‘rsatish uchun <button> ni bosing:
<button onclick="getElementById('demo').innerHTML = Date()">What is the time?</button>
O‘zingiz sinab ko‘ring »
Matn rangini o‘zgartirish uchun <h3> elementini bosing:
<h3 id="demo" onclick="myFunction()">Click me to change my color.</h3>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
O‘zingiz sinab ko‘ring »
Element rangini o‘zgartirishga oid yana bir misol:
<h3 onclick="myFunction(this, 'red')">Click me to change my color.</h3>
<script>
function myFunction(element, color) {
element.style.color = color;
}
</script>
O‘zingiz sinab ko‘ring »
Matnni bir kiritish maydonidan boshqasiga nusxalash uchun bosing:
<button onclick="myFunction()">Copy Text</button>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
O‘zingiz sinab ko‘ring »
window obyektiga "onclick" hodisasini qanday biriktirish:
window.onclick = myFunction;
function myFunction() {
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}
O‘zingiz sinab ko‘ring »
Ochiladigan menyu (dropdown) yaratish uchun onclick’dan foydalaning:
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
onclick — DOM Level 2 (2001) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!