Danideveloper
3 سال پیش توسط Danideveloper مطرح شد
4 پاسخ

مشکل prevent default با queryslectorAll

سلام من یک از queryselectoraAll استفاده کردم و به یک سری از کلاس ها که اسمشون card هست متصل شده
حالا داخل card.addEventListener یک تابع
Prevent default گذاشتم اما خطا میده
و میگه باید از queryselector استفاده کنی تا کد اجرا بشه
کسی میدونه مشکلش کجاس؟


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
1

بر خلاف queryselector که خروجیش اولین المنتی از صفحه هست که اون selector براشون صدق می‌کنه، queryselectoraAll خروجیش یک لیست از تمامی این آتم ها هست.

به همین خاطر لازمه که اگر می‌خواهید به تک تک المنت ها یک eventlistener اضافه کنید این فرایند رو در یک حلقه انجام بدید. مثلا:

document.querySelectorAll(".box").forEach(box => 
  box.addEventListener("click", () => box.classList.toggle("red"));
)

Danideveloper
تخصص : web desgniner
@danideveloper 3 سال پیش مطرح شد
0

ممنون
اگر بخواهیم دستور ()Prevent default به تمام المنت ها بدهیم به چه شکل هست؟
@mhyeganeh


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
1

بر حسب نیاز و شرایط پاسخ فرق می‌کنه و خودتون باید کلیتش رو متوجه بشید و بر حسب نیازتون شخصی سازیش کنید. ولی حالت زیر یک مثالش هست که می‌تونید ازش الگو بگیرید:

document.querySelectorAll(".box").forEach(box => 
    box.addEventListener("click", (event) => event.preventDefault());
)

Danideveloper
تخصص : web desgniner
@danideveloper 3 سال پیش مطرح شد
0

مررررسییییییی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام