مثال
تنفيذ جافا سكريبت عندما يتم النقر على زر:
<button onclick="myFunction()">Click me</button> انها محاولة لنفسك » أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و onclick السمة الحرائق على زر الماوس على العنصر.
دعم المتصفح
| الحدث سمة | |||||
|---|---|---|---|---|---|
| onclick | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
لا شيء.
بناء الجملة
<elementonclick=" script ">
السمة القيم
| القيمة | وصف |
|---|---|
| script | السيناريو ليتم تشغيلها على عند_النقر |
تفاصيل تقنية
| علامات HTML المعتمدة: | جميع عناصر HTML، باستثناء: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
|---|
المزيد من الأمثلة
مثال
انقر على <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 DOM إشارة: onclick event