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>

Answer 3

这是我的代码：

<a title="Delete User" id="delete" href="http://www.google.com"><i class="icon-remove-sign">DELETE</i></a>
<script type="text/javascript">
document.getElementById('delete').onclick = function(e){
    if( !confirm('Are you sure?') ) {
        e.preventDefault();
    }
}
</script>

我认为我们避免在HTML中使用'onclick'等等，以便将HTML和JavaScript分开

Answer 4

<body onunload="return confirm_click()">

当要卸载页面时，会提示您确认消息

有关卸载事件的资源：http://www.w3schools.com/jsref/event_onunload.asp

Answer 5

这个javascript将完成这项工作

function confirmDelete(delUrl) 
    {
        if (confirm("Sample message")) 
        {
            document.location = delUrl;
        }
    }

显然你必须将它分配给

<a href="javascript:confirmDelete('yourPath')">Delete</a>

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

5 个答案: