用户单击同一链接时，Hashchange不触发

Question

我正在创建一个HTML和Javascript客户端，以便在与REST API对话的浏览器中运行。 我正在使用RouteMap设置我的URL。 所以我一直保持这样的约定

http://mysite.com/#/{ResourceName}/[edit|view|list]/[Id]/

我只设置了一条路由，并且在绑定到hashchange的函数中获取了这些参数。 大多数事情都很好。 仅有两个问题，我因此而陷入困境。

1. 如果用户单击同一链接两次，则不会触发hashchange事件。 是的，哈希值没有改变，因此显然不会触发。 但是应该可以做些什么，我很想念。
2. 如果我在UI中更改了一些不想更改哈希链接的内容（例如调出新的div并隐藏了一些内容），那么我会丢失该历史记录，并且无法通过正确单击后退按钮来返回。

任何帮助将不胜感激。

Answer 1

对于＃1，您可能希望将处理程序附加到链接单击事件。 这样，您可以知道是否单击了链接。 使用onhashchange时，我总是在click事件上附加一些内容，以帮助polyfills进行onhashchange，因此至少我可以知道它何时失败。

对于＃2，我想指出的是，自动更改内容会影响用户的历史记录。 您可以用无意义的哈希变化填充某人的历史记录。 我建议仅在用户实际交互时更改历史记录。 简而言之，HTML5确实提供了pushState和popState 。 参考