خصائص لا تعرفـها عن CSS — مقال كلاود
شكرا على المعلومات ولكن حاول في المرات القادمة أن تقدم معلومات دقيقة وصحيحة حتى لا تشتت المبتدئين.
فمثلا بالنسبة للمعلومة الثانية فهي خاطئة فهناك فرق كبير بين event.preventDefault() و pointer-events: none، وحتى تعرف ما الذي أتحدث عنه اذهب الى المعاينة وقم بنسخ ولصق الكود التالي في منطقة الجافاسكربت:
var a = document.getElementById("a");
a.addEventListener("click", function (){
a.style.color = "red";
});
سوف تلاحظ أنه عند النقر بزر الفأرة على العنصر فإن لون العنصر لن يتغير الى الاحمر. ولكن عند حذف خاصية pointer-events: none فإن ذلك الكود سوف يعمل وسوف يتغير اللون الى الاحمر.
شكرا لك، ولكن في تعريف الأثنيـن اذا لاحظـت ستجـد أن الخاصيتين يقومون بنفس الشئ و هو منع ووقف عمل الشئ الأفتراضي أي الشئ الأساسي للعنصـر .
لا أخي ليس هناك أي تشابه بينهما.
فخاصية pointer-events: none لا تقوم بمنع الشيء الافتراضي وانما تقوم بمنع العنصر من أن يتجاوب مع الاحداث مثل النقر أو hover. والمثال الذي وضعته لك بالأعلى هو خير دليل على ذلك.
التعليقات