شرح صفوف ومحتوى الفقرة
تستخدم دالة ()removeEventListener في لغة جافا سكريبت لحذف Event مضاف عن طريق دالة addEventListener.
removeEventListener() method Syntax
طريقة كتابة دالة removeEventListener في لغة JavaScript.
HTML
element.removeEventListener(event, function, useCapture); عوامل دالة ()removeEventListener في لغة جافا سكريبت:
دالة ()removeEventListener يتم تمرير لها ثلاث عوامل:
- Event وهو أسم Event تريد ايقافة فمثلاً click event يمكنك إزالته من أي عنصر بعد التنفيذ ينفذ مره واحدة فقط.
- Function وهي عملية call لدالة custom تقوم ببنائها وهي التي تقوم بإضافتها داخل addEventListener وهي التي سوف تحذف عن طريق دالة removeEventListener.
- use Capture وهي قيميتين Boolean اختياري أما true أو false:
- true - Removes the event handler from the capturing phase.
- false- Default. Removes the event handler from the bubbling phase.
بدون removeEventListener
بدون دالة removeEventListener سوف يتم تنفيذ الأمر عدة مرات.
HTML
let students = document.getElementById('students');
let button = document.getElementById('button');
button.addEventListener("click",()=>{
students.removeChild(students.childNodes[0]);
});removeEventListener from element
يمكنك حذف event المنفذ من دالة EventListener عن طريق دالة removeEventListener.
HTML
function removeHandler(){
students.removeChild(students.childNodes[0]);
button.removeEventListener("click",removeHandler);
}