javascript - 在确认框的情况下控制页面移动到顶部

Question

以下是我的代码片段：

$(document).ready(function()
{
    $('table#example td a.delete').click(function()
    {
        if (confirm("Are you sure you want to delete this row?"))
        {
            alert("You Press OK");
        }

    });
}); 

我的网格视图位于页面底部。我按确定或取消按钮，页面移动到顶部。

我想保持不变。这个怎么控制。

Answer 1

confirm它实际上与;没有任何关系。这是您单击链接的事实（我猜该链接有一个href=""或href="#"其中一个）。click浏览器跟随链接，这是链接事件的默认操作。

您需要阻止默认操作，您可以通过false从函数返回或接受函数的event参数click并调用event.preventDefault().

返回false（这既阻止了默认操作，又阻止了对祖先元素的点击冒泡）：

$(document).ready(function()
{
    $('table#example td a.delete').click(function()
    {
        if (confirm("Are you sure you want to delete this row?"))
        {
            alert("You Press OK");
        }
        return false;
    });
});

使用preventDefault（这只会阻止默认值，并且不会停止冒泡；祖先元素也会看到点击）：

$(document).ready(function()
{
    // Note argument -----------------------------v
    $('table#example td a.delete').click(function(event)
    {
        event.preventDefault();
        if (confirm("Are you sure you want to delete this row?"))
        {
            alert("You Press OK");
        }
    });
});