Compare Revisions

pointer-events

Revision 477311:

Revision 477311 by kscarfone on

Revision 483709:

Revision 483709 by kscarfone on

Title:
pointer-events
pointer-events
Slug:
Web/SVG/Attribute/pointer-events
Web/SVG/Attribute/pointer-events
Tags:
"SVG","SVG Attribute","NeedsCompatTable","NeedsExample","Reference"
"SVG","NeedsExample","Reference","NeedsCompatTable","Référence","SVG Attribute"
Content:

Revision 477311
Revision 483709
n14      As a presentation attribute, it also can be used as a propen14      As a presentation attribute, it also can be used as a prope
>rty directly inside a CSS stylesheet, see {{ cssxref("pointer-eve>rty directly inside a CSS stylesheet; see {{ cssxref("pointer-eve
>nts","CSS pointer-events ") }} for further information>nts","CSS pointer-events ") }} for further information.
n66        The element can only be the target of a mouse event when n66        The element can only be the target of a mouse event when 
>the {{ SVGAttr("visibility") }} attribute is set to <code>visible>the {{ SVGAttr("visibility") }} attribute is set to <code>visible
></code> and when the mouse cursor is over the interior (i.e., fil></code> and when the mouse cursor is over the interior (i.e., fil
>l) of the element. The value of the {{ SVGAttr("fill") }} attribu>l) of the element. The value of the {{ SVGAttr("fill") }} attribu
>te does not effect event processing.>te does not affect event processing.
n72        The element can only be the target of a mouse event when&n72        The element can only be the target of a mouse event when 
>nbsp; the {{ SVGAttr("visibility") }} attribute is set to <code>v>the {{ SVGAttr("visibility") }} attribute is set to <code>visible
>isible</code> and when the mouse cursor is over the perimeter (i.></code> and when the mouse cursor is over the perimeter (i.e., st
>e., stroke) of the element. The value of the {{ SVGAttr("stroke")>roke) of the element. The value of the {{ SVGAttr("stroke") }} at
> }} attribute does not effect event processing.>tribute does not affect event processing.
n78        The element can be the target of a mouse event when&nbsp;n78        The element can be the target of a mouse event when the {
> the {{ SVGAttr("visibility") }} attribute is set to <code>visibl>{ SVGAttr("visibility") }} attribute is set to <code>visible</cod
>e</code> and the mouse cursor is over either the interior (i.e., >e> and the mouse cursor is over either the interior (i.e., fill) 
>fill) or the perimeter (i.e., stroke) of the element. The values >or the perimeter (i.e., stroke) of the element. The values of the
>of the {{ SVGAttr("fill") }} and {{ SVGAttr("stroke") }} attribut> {{ SVGAttr("fill") }} and {{ SVGAttr("stroke") }} attribute do n
>e do not effect event processing.>ot affect event processing.
n84        The element can only be the target of a mouse event when n84        The element can only be the target of a mouse event when 
>the mouse cursor is over the interior (i.e., 'fill') of the eleme>the mouse cursor is over the interior (i.e., 'fill') of the eleme
>nt and the {{ SVGAttr("fill") }} attribute is set to a value othe>nt and the {{ SVGAttr("fill") }} attribute is set to a value othe
>r than <code>none</code>, or when the mouse cursor is over the pe>r than <code>none</code>, or when the mouse cursor is over the pe
>rimeter (i.e., 'stroke') of the element and the {{ SVGAttr("strok>rimeter (i.e., 'stroke') of the element and the {{ SVGAttr("strok
>e") }} attribute&nbsp; is set to a value other than <code>none</c>e") }} attribute is set to a value other than <code>none</code>. 
>ode>. The value of the {{ SVGAttr("visibility") }} attribute does>The value of the {{ SVGAttr("visibility") }} attribute does not a
> not effect event processing.>ffect event processing.
n90        The element can only be the target of a mouse event when n90        The element can only be the target of a mouse event when 
>the pointer is over the interior (i.e., fill) of the element. The>the pointer is over the interior (i.e., fill) of the element. The
> values of the {{ SVGAttr("fill") }} and {{ SVGAttr("visibility")> values of the {{ SVGAttr("fill") }} and {{ SVGAttr("visibility")
> }} attribute do not effect event processing.> }} attribute do not affect event processing.
n96        The element can only be the target of a mouse event when n96        The element can only be the target of a mouse event when 
>the pointer is over the perimeter (i.e., stroke) of the element. >the pointer is over the perimeter (i.e., stroke) of the element. 
>The values of the {{ SVGAttr("stroke") }} and {{ SVGAttr("visibil>The values of the {{ SVGAttr("stroke") }} and {{ SVGAttr("visibil
>ity") }} attribute do not effect event processing.>ity") }} attribute do not affect event processing.
n102        The element can only be the target of a mouse event when n102        The element can only be the target of a mouse event when 
>the pointer is over the interior (i.e., fill) or the perimeter (i>the pointer is over the interior (i.e., fill) or the perimeter (i
>.e., stroke) of the element. The values of the {{ SVGAttr("fill")>.e., stroke) of the element. The values of the {{ SVGAttr("fill")
> }}, {{ SVGAttr("stroke") }} and {{ SVGAttr("visibility") }} attr> }}, {{ SVGAttr("stroke") }} and {{ SVGAttr("visibility") }} attr
>ibute do not effect event processing.>ibute do not affect event processing.
n108        The element is never the target of mouse events, althoughn108        The element is never the target of mouse events, although
> mouse events may target its descendant elements if those descend> mouse events may target its descendent elements if those descend
>ants have <code>pointer-events</code> set to some other value, in>ents have <code>pointer-events</code> set to some other value, in
> which case mouse events will trigger event listeners on this ele> which case mouse events will trigger event listeners on this ele
>ment as appropriate on their way to/from the descendant during th>ment as appropriate on their way to/from the descendent during th
>e event capture/<a class="internal" href="../../../../en/DOM/even>e event capture/<a class="internal" href="../../../../en/DOM/even
>t.bubbles" rel="internal">bubble</a> phases.>t.bubbles" rel="internal">bubble</a> phases.
t118      The following elements can use the <code>pointer-events</cot118      The following elements can use the <code>pointer-events</co
>de> attribute>de> attribute:

Back to History