7

我正在为管理面板使用简单的链接，但如果用户不小心点击了删除用户的链接，应该会弹出一个确认弹出窗口来避免这种情况。

可能如您所知，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>
4

5 回答 5

16

尝试...

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

...反而。

您需要返回方法的值，并且在 onclick 事件中返回 false 会阻止默认行为（在这种情况下是导航到 href）。

于 2012-11-27T11:40:25.897 回答
10

尝试

<a href='/path/to/action' onclick="return confirm('Are you sure ?')">Delete</a>
于 2012-11-27T11:44:40.027 回答
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 分开

于 2012-11-27T11:48:10.777 回答
0 
<body onunload="return confirm_click()">

当页面将被卸载时，系统会提示您确认消息

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

于 2012-11-27T11:44:34.987 回答
0

这个 javascript 将完成这项工作

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

显然你必须把它

<a href="javascript:confirmDelete('yourPath')">Delete</a>
于 2012-11-27T11:41:25.807 回答