点击<a>链接时如何弹出确认对话框并控制跳转？

直接在链接的onclick属性中使用原生的confirm()函数即可，这是最简便的写法：

<a href="?status=1" onclick="return confirm('确定吗？Y/N')">My Link</a>

原理说明 #

• 点击链接时，confirm('确定吗？Y/N')会弹出系统自带的确认对话框，包含「确定」和「取消」按钮
• 用户点击「确定」，函数返回true，链接会正常执行跳转逻辑
• 用户点击「取消」，函数返回false，会阻止链接的默认跳转行为，页面不会发生跳转

内容的提问来源于stack exchange，提问作者jadipelus