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