Latest web development tutorials

مسج الحدث

تم تصميم مسج خصيصا لمعالج الأحداث.

ما هو الحدث؟

رد صفحة للزوار مختلفة تسمى الأحداث.

أسلوب معالج الحدث يعني أنه عندما تحدث بعض الأحداث HTML عند استدعاء.

على سبيل المثال:

  • تحريك الماوس فوق عنصر.
  • حدد زر الراديو
  • انقر عنصر

وكثيرا ما يستخدم هذا المصطلح في "الزناد" الحدث (أو "الإثارة")، على سبيل المثال: "الحدث الزناد بضغطة عند الضغط على مفاتيح".

أحداث DOM المشتركة:

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload  

مسج جملة أسلوب الحدث

في مسج، معظم أحداث DOM لديها ما يعادل طرق مسج.

الصفحة، حدد الحدث انقر فوق:

. $ ( "P") فوق ()؛

الخطوة التالية هي تحديد أحداث الزناد في أي وقت. يمكنك تنفيذ وظيفة الحدث:

$ ( "P"). انقر (وظيفة () {
بعد يتم تشغيل رمز !! // العمل
})؛

يشيع استخدامها أسلوب الحدث مسج

$ (الوثيقة) .ready ()

طريقة $ (الوثيقة) .ready () يسمح لنا ليتم تحميلها بشكل كامل المستند بعد تنفيذ المهمة. طريقة الحدث في جملة مسج وقد ذكر القسم.

انقر ()

انقر على طريقة () عند استدعاء الحدث انقر على زر يتم تشغيل وظيفة.

يتم تنفيذ هذه الوظيفة عندما ينقر المستخدم على عنصر HTML.

في المثال التالي، عند النقر على <p> وعنصر تشغيل الحدث لإخفاء العنصر <p> والحالي:

أمثلة

$("p").click(function(){
$(this).hide();
});

محاولة »

dblclick ()

عند انقر نقرا مزدوجا فوق العنصر، يحدث dblclick الحدث.

dblclick () الحدث طريقة dblclick الزناد، أو وظيفة محددة سلفا لتشغيل عند حدوث الحدث dblclick:

أمثلة

$("p").dblclick(function(){
$(this).hide();
});

محاولة »

mouseenter ()

عندما مؤشر الماوس عبر العنصر، يحدث الحدث mouseenter.

mouseenter () الحدث طريقة mouseenter الزناد، أو وظيفة محددة سلفا لتشغيل عند حدوث الحدث mouseenter:

أمثلة

$("#p1").mouseenter(function(){
alert("You entered p1!");
});

محاولة »

mouseleave ()

عندما يترك مؤشر الماوس على العنصر، يحدث الأحداث MouseLeave.

mouseleave () الحدث طريقة mouseleave الزناد، أو عندما يكون وظيفة محددة سلفا لتشغيل عند حدوث الأحداث MouseLeave:

أمثلة

$("#p1").mouseleave(function(){
alert("Bye! You now leave p1!");
});

محاولة »

mousedown ()

عندما يتحرك مؤشر الماوس فوق العنصر والضغط على زر الماوس، يحدث الحدث mousedown.

mousedown () طريقة بتشغيل الحدث mousedown أو وظيفة محددة عند تشغيل الحدث mousedown يحدث:

أمثلة

$("#p1").mousedown(function(){
alert("Mouse down over p1!");
});

محاولة »

mouseup ()

عند تحرير زر الماوس فوق عنصر، يحدث الحدث MouseUp.

mouseup () الحدث طريقة mouseup الزناد، أو وظيفة محددة سلفا لتشغيل عند حدوث الحدث MouseUp:

أمثلة

$("#p1").mouseup(function(){
alert("Mouse up over p1!");
});

محاولة »

تحوم ()

ويستخدم أسلوب التحويم () لمحاكاة المؤشر يحوم فوق الحدث.

عندما يتحرك الماوس للعناصر، وذلك من شأنه أن يؤدي وظيفة محددة الأولى (mouseenter)، وعندما يتحرك الماوس الخروج من العنصر، وسوف يؤدي وظيفة محددة الثانية (mouseleave).

أمثلة

$("#p1").hover(function(){
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});

محاولة »

التركيز ()

عندما يحصل على عنصر التركيز، وقعت أحداث التركيز.

عندما النقر بالماوس على عنصر أو عناصر مختارة من خلال استهداف المفتاح التبويب، سيكون عنصر التركيز.

التركيز () طريقة بتشغيل الحدث التركيز، أو وظيفة محددة سلفا لتشغيل عند حدوث الحدث التركيز:

أمثلة

$("input").focus(function(){
$(this).css("background-color","#cccccc");
});

محاولة »

طمس ()

عندما يفقد عنصر التركيز، يحدث الحدث طمس.

طمس () طريقة بتشغيل الحدث طمس أو وظيفة لتشغيل عند حدوث حدث محدد سلفا طمس:

أمثلة

$("input").blur(function(){
$(this).css("background-color","#ffffff");
});

محاولة »