מאפיין pointer-events

מאפיין pointer-events קובע מתי האלמנט יכול להיות מטרת אירועי מצביע (mouse, touch). ב-SVG ניתן לקבוע אם רק על האזור הצבוע (visiblePainted), על תיבת ההגבלה (bounding-box), על fill או stroke ספציפיים, או לכבות לחלוטין (none).

.overlay { pointer-events: none; }

svg path.hit-only-fill { pointer-events: visibleFill; }

autoהתנהגות ברירת מחדל — שווה ל-visiblePainted ב-SVG, מקבל אירועים ב-HTML (ברירת המחדל).

noneהאלמנט אינו מטרת אירועי מצביע — אירועים עוברים דרכו לאלמנטים מתחתיו.

allהאלמנט תמיד מטרה — גם אם visibility=hidden ואין fill/stroke.

visibleמטרה רק אם visibility=visible (לא חשוב fill/stroke).

visiblePaintedמטרה רק אם visibility=visible ו-fill/stroke לא none.

visibleFillמטרה רק אם visibility=visible והמצביע מעל ה-fill.

visibleStrokeמטרה רק אם visibility=visible והמצביע מעל ה-stroke.

paintedמטרה רק אם fill/stroke לא none (לא חשוב visibility).

fillמטרה רק כשהמצביע מעל ה-fill (לא חשוב visibility או ערך fill).

strokeמטרה רק כשהמצביע מעל ה-stroke.