سمة حدث HTML onclick
مثال
قم بتنفيذ JavaScript عند النقر فوق الزر:
<button onclick="myFunction()">Click me</button>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يتم تشغيل السمة onclick عند النقر بالماوس على العنصر.
دعم المتصفح
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
<element onclick="script">
قيم السمات
| Value | Description |
|---|---|
| script | The script to be run on onclick |
تفاصيل تقنية
| علامات HTML المدعومة: | جميع عناصر HTML ، باستثناء: <base> و <bdo> و <br> و <head> و <html> و <iframe> و <meta> و <param> و <script> و <style> و <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
❮ سمات حدث HTML