أحداث HTML

By ·


 تقوم أحداث HTML بإنشاء أحداث والتي تظهر على المتصفح .


الأحداث


باستخدام الجافاسكربت يمكنك إنشاء صفحات انترنت ديناميكية علماً أن الأحداث عبارة عن أفعال يتم إنشائها من خلال الجافاسكربت JavaScript .

كل عنصر في HTML يمكن ادارج أحداث معه في الجافاسكربت . على سبيل المثال يمكن استخدام الحدث onClick على عنصر الزر ليشيربأن كود وظيفي سيتم استخدامه عند ضغط المستخدم على الزر . يمكن تعريف الأحداث في عناصر HTML .

أمثلة عن الأحداث 

  • عند الضغط بالماوس .

  • عند فتح صفحة أو صورة .

  • عند تمرير الماوس فوق نقطة معينة في صفحة الويب .

  • عند اختيار حقل نص في نماذج HTML .

  • عند الضغط على زر ارسال النموذج .

  • عند الضغط بزر لوحة الوسوم .

في المثال التالي سيتم تغيير محتوى العنصر h1 عند الضغط عليها .
<html>
<body>
<h1 onclick="this.innerHTML='تم الضغط'">اضغط على النص</h1>

</body>
</html>



يمكنك اضافة الكود في قسم head وبعدها يمكنك استدعاء الكود الوظيفي function من خلال الضغط على الحدث :
<html>
<head>
<script type="text/javascript">

function changetext(id) {
id.innerHTML="تم الضغط";
}

</script>
</head>
<body>

<h1 onclick="changetext(this)"> اضغط على النص</h1>

</body>
</html>


ليست هناك تعليقات:

إرسال تعليق