Change click() to fire a PointerEvent

This is a follow-up to #5324.

Author: liviutinta

source

@@ -65889,7 +65889,7 @@ console.log(plasticButton.outerHTML); // will output '<button is="plastic-but
 
     this.addEventListener("keydown", e => {
       if (e.code === "Enter" || e.code === "Space") {
-        this.dispatchEvent(new MouseEvent("click", {
+        this.dispatchEvent(new PointerEvent("click", {
           bubbles: true,
           cancelable: true
         }));
@@ -72515,7 +72515,7 @@ END:VCARD</pre>
   </div>
 
   <!-- v2 idea: HTMLImageElement.click(x, y); or clickPoint(), if click() can't be done in IE; can
-       this be emulated in IE by posting a synthetic mouse click event with those X and Y coords?
+       this be emulated in IE by posting a synthetic pointer click event with those X and Y coords?
        (ack Csaba Gabor)
   -->
 
@@ -72543,8 +72543,8 @@ END:VCARD</pre>
 
    <li><p>Set this element's <span>click in progress flag</span>.</p></li>
 
-   <li><p><span>Fire a synthetic mouse event</span> named <code data-x="event-click">click</code> at
-   this element, with the <var>not trusted flag</var> set.</p></li>
+   <li><p><span>Fire a synthetic pointer event</span> named <code data-x="event-click">click</code>
+   at this element, with the <var>not trusted flag</var> set.</p></li>
 
    <li><p>Unset this element's <span>click in progress flag</span>.</p></li>
   </ol>
@@ -93588,7 +93588,7 @@ interface mixin <dfn>DocumentAndElementEventHandlers</dfn> {
   data-x="dom-click">click()</code> method on the <code>HTMLElement</code> interface is defined as
   firing a <code data-x="event-click">click</code> event on the element. <ref spec=UIEVENTS></p>
 
-  <p><dfn data-x="fire a synthetic mouse event">Firing a synthetic mouse event named
+  <p><dfn data-x="fire a synthetic pointer event">Firing a synthetic pointer event named
   <var>e</var></dfn> at <var>target</var>, with an optional <var>not trusted flag</var>, means
   running these steps:</p>
 
@@ -93624,8 +93624,8 @@ interface mixin <dfn>DocumentAndElementEventHandlers</dfn> {
   </ol>
 
   <p><dfn data-x="fire a click event">Firing a <code data-x="event-click">click</code> event</dfn>
-  at <var>target</var> means <span data-x="fire a synthetic mouse event">firing a synthetic mouse
-  event named <code data-x="event-click">click</code></span> at <var>target</var>.</p>
+  at <var>target</var> means <span data-x="fire a synthetic pointer event">firing a synthetic
+  pointer event named <code data-x="event-click">click</code></span> at <var>target</var>.</p>
 
   </div>
 
@@ -125054,6 +125054,7 @@ INSERT INTERFACES HERE
   Lenny Domnitser,
   Leonard Rosenthol,
   Leons Petrazickis,
+  Liviu Tinta,
   Lobotom Dysmon,
   Logan<!-- on moz irc -->,
   Loune,