Chování některých jQuery pluginů není jednoduché upravit. Nedávno jsem řešil problém s bootstrap datepicker pluginem, kde jsme chtěl zamezit ruční změně data, ale zachovat otevření kalendáře.
Všechny možné postupy byly z jiných propojení a nebo potřebných pluginů neúspěšné, až jsem s pomocí kolegy narazil na CSS vlastnost pointer-events.
S velkým překvapením jsem zjistil, že i ovládání chování kliknutí lze tímto definovat.
Možné varianty této css vlastnosti jsou tyto:
/* 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: unset;
Více informací pak naleznete zde
červenec 2021