为什么很多前端要去掉链接，改用事件代替？

This topic created in 2261 days ago, the information mentioned may be changed or developed.

本来可以做成一个普通的链接，非要用 onclick 之类的东西来作跳转，导致链接原有的功能不可用。比如右键「复制链接」、比如鼠标中键「在新窗口打开」。

以下 HTML 片段摘自某些网站：

// 点击后，会在新窗口打开链接 xyz.png
<p class="option preview" data-screen_glue_cid="sgk8897jh2xhboe5">预览</p>

// 点击后跳转到 /tasks/{task-uuid}
<div class="task-content__inner__oIt- hinted" data-title="增加排序功能">增加排序功能</div>

链接

div

class

排序

16 replies • 2020-08-28 15:29:20 +08:00

otakustay

Aug 28, 2020

就是偷懒，接 history api 还要用链接得加个 preventDefault

xiaojun1994

Aug 28, 2020

感觉省事。。a 标签还要覆盖样式

bsg1992

Aug 28, 2020

跳转前需要做一些逻辑上的效验或者操作啊

kop1989

Aug 28, 2020

1 、跳转前有逻辑需要执行。
2 、有可能你理解的界面切换并不是跳转。
3 、需要加大页面切换时，你恶意获取到信息的难度。

Lax

Aug 28, 2020

因为是 SPA，大部分情况下看似跳转其实页面主体并没有刷新，全靠 JavaScript 来更新页面内容

yaphets666

Aug 28, 2020

你把这个事想的太简单了在你看来只是跳转了一个页面没准背后执行了很多代码

jackchao7432

Aug 28, 2020

明不明白什么叫函数式编程？

whileFalse

Aug 28, 2020 via iPhone

通常因为懒，或者技术不佳，或者开发者根本不知道还有中键点击这种需求。
Google 十年前就实现了的技术，有什么难的。Google 搜索结果页面里面的链接，鼠标指过去都是原始链接，mousedown 的时候就给你加私货。

另有一种情有可原。你在 A 页面点击了按钮 B，页面变为 C 。但实际上并不存在 C 这个页面，也就是说没有一个能直达 C 的 URL，只能通过 A 页面点进去。这种情况肯定就不能提供 URL 形式的链接了。