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

السؤال

Recommended Posts

  • 0
نشر

بشكل بسيط , إن e أو event تعبر عن الحدث , أية حدث؟

فمثلا في مثالك هنا e تعبر عن الحدث (Click) (الضغط) , أما بالنسبة ل target فهي تعبر عن الهدف 

فمثلا e.target او event.target فيعبران عن الحدث الذي يحدث في الهدف 
مثال أوضح : 

<body>
    <h1 id="header">hi</h1>

    <script>
      document.querySelector('#header').addEventListener('click', (e) => console.log(e.target)) 
    </script>
  </body>

هنا لدي عنصر <h1> وله id = header , قمت بجلب ال id ومن ثم أضفت :

document.querySelector('#header').addEventListener('click', (e) => console.log(e.target))

e هي تعبر عن الحدث , الحدث هنا هو (click) أي الضغط , وال target هنا تعبر عن العنصر الذي قمت بجلبه , ألا وهو :

<h1 id="header">hi</h1>

الأن, في كل ضغطة على هذا العنصر سيقوم بطبع العنصر كاملا في ال Console 

أما بالنسبة لشرح موجود على جوجل :

https://developer.mozilla.org/en-US/docs/Web/API/Event/target

  • 0
نشر

الـ e هو عبارة عن اختصار لل object المسمى event وهو يحتوي على معلومات خاصة بالـ event.

وهو عبارة عن object مبنية في js ويمكنك الوصول إليها كما في المثال الذي شاركته أنت.

اشيع استخدام لها هو :

e.target 
e.preventDefault()

ويمكنك الإطلاع على باقي الخصائص من هنا

وقد يفيدك القال التالي أيضاً :

والسؤال التالي :

 

  • 0
نشر
بتاريخ 5 ساعات قال Nagmar ناجمار:

بشكل بسيط , إن e أو event تعبر عن الحدث , أية حدث؟

فمثلا في مثالك هنا e تعبر عن الحدث (Click) (الضغط) , أما بالنسبة ل target فهي تعبر عن الهدف 

فمثلا e.target او event.target فيعبران عن الحدث الذي يحدث في الهدف 
مثال أوضح : 


<body>
    <h1 id="header">hi</h1>

    <script>
      document.querySelector('#header').addEventListener('click', (e) => console.log(e.target)) 
    </script>
  </body>

هنا لدي عنصر <h1> وله id = header , قمت بجلب ال id ومن ثم أضفت :


document.querySelector('#header').addEventListener('click', (e) => console.log(e.target))

e هي تعبر عن الحدث , الحدث هنا هو (click) أي الضغط , وال target هنا تعبر عن العنصر الذي قمت بجلبه , ألا وهو :


<h1 id="header">hi</h1>

الأن, في كل ضغطة على هذا العنصر سيقوم بطبع العنصر كاملا في ال Console 

أما بالنسبة لشرح موجود على جوجل :

https://developer.mozilla.org/en-US/docs/Web/API/Event/target

شكرا لك 

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...