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");
        }

    });
}); 

我的 GridView 位于页面底部。我按“确定”或“取消”按钮，页面会移至顶部。

我想保持同样的立场。如何控制这个。

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");
        }
    });
});