前端能不能少用 js 跳转路由

[yodhcn]

吐槽一下，习惯了鼠标中键打开新页面，遇到一些通过 js 跳转路由的网站是真的难受，这种方案不仅 SEO 优化差，用户想开个新页面还只能手动复制链接

[diegozhu]

@xiaofeixiang 用了 a 标签也能在跳转前做事情。。

[Obj9527]

这种不是菜不菜的问题，而是想不想做的问题

[meteora0tkvo]

youtube spa 单页应用可以实现楼主说的按住鼠标中键/ctrl/ctrl + shift 新标签页打开，不知道怎么实现的。如果是用 vue 的 route 方法跳转确实会有这个问题

[peasant]

@ghosthcp516 #46 打开看了下你这个例子，点击鼠标左键确实有用，但是点鼠标中键是直接打开 href 里的链接，没有执行方法。

[dode]

@xiaoming1992 按着 ctrl ，点击会在新窗口打开页面

[nullEDYT]

@ghosthcp516 e.preventDefault() 需要放到 await 后面 然后根据条件判断是否执行 e.preventDefault()，然后决定是否跳转

[cj941030]

有时候没办法，点击按钮有一堆的判断，甚至参数获取，再去做跳转

[edisonwong]

中小公司，前端界面很可能都是后端人员“身兼数职”来写的，加上屁事多，所以很多压根都没这个意识与知识
给多少钱就要求那么细致开发要求体验好啊，甚至有些都不适配移动端，三折叠屏幕，全错乱

[Y25tIGxpdmlk]

@gorvey #32 跳转过去的目标页来验证不行吗？

[Leeeeex]

@xinzhanghello 一棒子打死国内所有前端，还得是你。

[xinzhanghello]

@chanChristin 哈哈 夸张了。 肯定还是有厉害的，我只是后端来吐槽下大部分页面真的很难受。

[gofishing]

@ghosthcp516 这样做有很大的漏洞

1. 鼠标右键, 可以打开菜单, 选择跳转. 得再阻止 contextmenu 事件.
2. 无法阻止鼠标中键新页面打开.
3. 无法阻止 ctrl + 左键打开
4. 如果测试, 产品较真起来, 鼠标 hover 到链接的时候, 页面左下角是可以看到链接, 用户可以手动输入链接跳转.

[xiaoming1992]

@dode #65 我说的是，如题所说的 js 跳转，用的是 router.push 之类的，你用 ctrl 或者中键都没用。

[ragnaroks]

说一个需要使用事件而不是 A 标签的正常的需求：阻止浏览器预读浪费大量带宽

[kakki]

我 XX 居然这么多人不知道鼠标中键能打开新链接的.