Pointer Events For Svg. In javascript functions event represents current event and can be used to get the target element on which event got raised. With the pointer-events property you can control wich part of your drawing will react to pointer events.
Values that require an element to be visible. Its initial value is auto which means that only the painted and visible portions will receive pointer events. None prevents all click state and cursor options on the specified HTML element.
It is applied on the following elements.
The pointer-events attribute allows us to define whether or when an element may be the target of a mouse event. Information from its description page there is shown below. Its initial value is auto which means that only the painted and visible portions will receive pointer events. While the pointer-events property takes eleven possible values all but three of them are reserved for use with SVG.