خصائص لا تعرفـها عن 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. والمثال الذي وضعته لك بالأعلى هو خير دليل على ذلك.
