Use mouseenter and mouseleave instead of mouseover and mouseout

To avoid having to traverse the DOM to find the link element

src/observers/link_prefetch_observer.js

@@ -2,14 +2,13 @@ import {
   doesNotTargetIFrame,
   getLocationForLink,
   getMetaContent,
-  findLinkFromClickTarget,
   findClosestRecursively
 } from "../util"
 import { prefetchCache, cacheTtl } from "../core/drive/prefetch_cache"
 
 export class LinkPrefetchObserver {
   triggerEvents = {
-    mouseover: "mouseover",
+    mouseover: "mouseenter",
     mousedown: "mousedown"
   }
   started = false
@@ -55,17 +54,18 @@ export class LinkPrefetchObserver {
     if (getMetaContent("turbo-prefetch") !== "true") return
 
     const target = event.target
-    const link = findLinkFromClickTarget(target)
+    const isLink = target.matches && target.matches("a[href]:not([target^=_]):not([download])")
+    const link = target
 
-    if (link && this.#isPrefetchable(link)) {
+    if (isLink && this.#isPrefetchable(link)) {
       const delay = target.dataset.turboPrefetchDelay || getMetaContent("turbo-prefetch-delay")
 
       if (delay) {
         this.prefetchTimeout = setTimeout(() => {
           this.#startPrefetch(event, link)
         } , Number(delay))
 
-        link.addEventListener('mouseout', this.#cancelPrefetchTimeoutIfAny, {
+        link.addEventListener('mouseleave', this.#cancelPrefetchTimeoutIfAny, {
           capture: true,
           passive: true
         })