اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

target هو العنصر الذي يحصل الـ event عليه، فبالمثال الخاص بك هنا هو العنصر الذي يتم النقر عليه.

والـ event أو ما يتم اختصاره عادةً بـ e هو عبارة عن كائن يعبر عن الحدث، وفي هذه الحالة يعبر عن حدث النقر،
وهو يعطيك العديد من المعلومات عن حدث النقر، فمثلا يقول لك احداثيات المكان الذي نقرت عليه بالنسبة لمحور الـ x ولمحور الـ y وكذلك بعد المكان النقر عن حواف الشاشة، وكذلك يخبرك بالعنصر target وهو العنصر الذي تم النقر عليه.
فإذا قمت بإضافة ال event المسمى click للعنصر body و قمت بالنقر على اي عنصر بالصفحة سيخبرك الكود التالي بالعنصر الذي قمت بالنقر عليه :

document.body.addEventListener("click" , function(event) {
    console.log(event.target)
})

وهذه مقالة موسعة تتحدث عن الموضوع :

اعرف اكثر عن العنصر event من حسو

  • 0
نشر (معدل)
بتاريخ 1 ساعة قال عمر قره محمد:

target هو العنصر الذي يحصل الـ event عليه، فبالمثال الخاص بك هنا هو العنصر الذي يتم النقر عليه.

والـ event أو ما يتم اختصاره عادةً بـ e هو عبارة عن كائن يعبر عن الحدث، وفي هذه الحالة يعبر عن حدث النقر،
وهو يعطيك العديد من المعلومات عن حدث النقر، فمثلا يقول لك احداثيات المكان الذي نقرت عليه بالنسبة لمحور الـ x ولمحور الـ y وكذلك بعد المكان النقر عن حواف الشاشة، وكذلك يخبرك بالعنصر target وهو العنصر الذي تم النقر عليه.
فإذا قمت بإضافة ال event المسمى click للعنصر body و قمت بالنقر على اي عنصر بالصفحة سيخبرك الكود التالي بالعنصر الذي قمت بالنقر عليه :


document.body.addEventListener("click" , function(event) {
    console.log(event.target)
})

وهذه مقالة موسعة تتحدث عن الموضوع :

اعرف اكثر عن العنصر event من حسو

ولكن كان بأمكانه تنفيذ الكود بدونها اليس كذالك  --, target

(شكرا لك افضل الشرح باللغه العامه) 

و ايضا انا اعرف ان لل target كثير من الخصائص مثل tagName , nodeTagname

تم التعديل في بواسطة Mohammmed Mahmoud
  • 0
نشر
بتاريخ 16 ساعات قال Mohammmed Mahmoud:

ولكن كان بأمكانه تنفيذ الكود بدونها اليس كذالك  --, target

(شكرا لك افضل الشرح باللغه العامه) 

و ايضا انا اعرف ان لل target كثير من الخصائص مثل tagName , nodeTagname

لا ليس بإمكانك تنفيذ الامر من دونه، لأن هذا الكود على ما يبدو يحاول حذف اي عنصر موجود داخل العنصر body ولن تستطيع معرفة من هو العنصر الذي تم النقر عليه من دون ان تستخدم الـ target.

قد تستطيع التخلي عن استخدام الـ target عندما يكون العنصر الذي تريد الوصول إليه ثابت، مثل زر معين أو عنصر معين بالصفحة، ولكن عندما تريد ان تحصل على أي عنصر داخل الـ body تم النقر عليه مثل هذا المثال فستحتاج العنصر target.

بتاريخ 16 ساعات قال Mohammmed Mahmoud:

(شكرا لك افضل الشرح باللغه العامه) 

لا يمكننا الاجابة بالعامية لأنه هنالك العديد من اللهجات العامية وذلك سيجعل الكلام غير مفهوم للمبرمجين اصحاب اللهجات المختلفة. 

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...