reitit.frontend - HTML5Router不阻止在匹配路由上按应有的方式单击锚点。

Question

如果我们选择了behavior

• however，或片段路由器，那么在这两种情况下，reitit都应该防止默认的锚点单击
• https://github.com/metosin/reitit/blob/0.5.18/modules/reitit-frontend/src/reitit/frontend/history.cljs#L109

忽略--单击此处的函数永远不会被称为

• https://github.com/metosin/reitit/blob/0.5.18/modules/reitit-frontend/src/reitit/frontend/history.cljs#L109

。

• https://github.com/metosin/reitit/blob/0.5.18/modules/reitit-frontend/src/reitit/frontend/history.cljs#L124

• ，因为goog.events/listen下面的几行缺少真正的第4 arg，所以浏览器首先捕获单击，永远不会到达document.click

• is

(gevents/listen js/document goog.events.EventType.CLICK ignore-anchor-click))

• 应该是-那么所有的works

(gevents/listen js/document goog.events.EventType.CLICK ignore-anchor-click true))

问题

• 是否有一种无需公关或分叉就能改变这种行为的方法？

Answer 1

解决方案

从reitit.frontent.history

• using历史记录复制函数代码
• 取消订阅和重新订阅

(let [history (Yzma.frontend.easy/start! _ _ _)]
  (goog.events/unlistenByKey (:click-listen-key history))
  (goog.events/listen
   js/document
   goog.events.EventType.CLICK
   (fn [event]
     (when-let [element (Yzma.frontend.history/closest-by-tag
                         (Yzma.frontend.history/event-target event) "a")]
       (let [uri (.parse goog.Uri (.-href element))]
         (when (Yzma.frontend.history/ignore-anchor-click?
                (.-router history) event element uri)
           (.preventDefault event)
           (let [path (str (.getPath uri)
                           (when (.hasQuery uri)
                             (str "?" (.getQuery uri)))
                           (when (.hasFragment uri)
                             (str "#" (.getFragment uri))))]
             (.pushState js/window.history nil "" path)
             (Yzma.frontend.history/-on-navigate history path)))))) true))