Pointer event
We are using pointer event for all our work in the dynamic websites like uploading data and downloading data or even to collect inquiry.Kind of we can say it's our required part for navigation and other things previously we have a very strong format to prevent the event of pointer is by using
onclick="javascript:void(0)" // it helps to prevent click on the specific elementBut this format takes more precesion and multiple time use for all the elements arround the website. with this loop hole css introduce a format for the pointer event which can be applied in a mass.
/* Keyword values */
pointer-events: auto;
pointer-events: none;
pointer-events: visiblePainted; /* SVG only */
pointer-events: visibleFill; /* SVG only */
pointer-events: visibleStroke; /* SVG only */
pointer-events: visible; /* SVG only */
pointer-events: painted; /* SVG only */
pointer-events: fill; /* SVG only */
pointer-events: stroke; /* SVG only */
pointer-events: all; /* SVG only */
/* Global values */
pointer-events: inherit;
pointer-events: initial;
pointer-events: revert;
pointer-events: revert-layer;
pointer-events: unset;And from all these css format the pointer-events:none; is used max for the elements in mass to prevent events.