button event
my button event contains a name that I can access in ie/edge using e.srcElement.actionName and in chrome using e.path[0] .actionName but I am unable to find where it is in the event object returned in Firefox
Modified
All Replies (5)
Hi Pedaars, I am not familiar with [node].actionName. What does that return, exactly?
For example, is it the value of the name attribute in the button:
<button name="buy" onclick="doStuff(this)">
or is it referring to the action that triggered the event, like "click"?
it is a custom property in a stencilJS button component
A custom property of an HTML node? Is it an attribute of the tag?
Regarding event.path there is a pattern to extend that to browsers which use the standardized method composedPath in the following reply. Maybe it will help?
yes it is an attribute of the tag
Pedaars said
yes it is an attribute of the tag
So could you change from
event.srcElement.actionName
to
event.target.getAttribute('actionName')
(You only need srcElement if you are supporting IE8 and earlier)