如何确认href标签中链接的导航？

Question

我正在使用管理面板的简单链接,但如果用户意外点击链接以删除用户,则应该有一个确认弹出窗口以便对此进行删除.

可能你知道一个href标签与javascript不完全兼容.所以,我已经使用span标签"onclick",但这并没有那么顺利:

<script type="text/javascript">
function confirm_click()
{
return confirm("Are you sure ?");
}

</script>

这是链接的html代码:

   <span onclick="confirm_click();">    <a title="Delete User" href="http://www.google.com"><i class="icon-remove-sign">DELETE</i></a></span>

Answer 1

尝试...

<a title="Delete User" onclick="return confirm_click();" href="http://www.google.com"><i class="icon-remove-sign">DELETE</i></a>

...代替.

您需要返回方法的值,并在onclick事件中返回false可以防止默认行为(在这种情况下将导航到href).

Answer 2

尝试

<a href='/path/to/action' onclick="return confirm('Are you sure ?')">Delete</a>