单击链接时阻止页面转到顶部

Question

如何在每次单击链接时阻止页面"跳起来"？例如,我在页面中间的某处有一个链接,当我点击它时,页面会跳到顶部.

Answer 1

是锚href="#"吗？您可以将其设置为href="javascript:void(0);".

如果你打算防止违约,请改用:

event.preventDefault ? event.preventDefault() : event.returnValue = false;

Answer 2

我们假设这是您链接的HTML:

<a href="#something" id="some_id">Some link goes somewhere...</a>

如果您正在使用jQuery,请尝试这样:

$(document).ready(function() {
    $('a#some_id').click(function(e) {
        e.preventDefault();
        return false;
    });
});

演示:http://jsfiddle.net/V7thw/

如果您不使用jQuery药物,请尝试使用这个纯DOM JavaScript:

window.onload = function() {
    if(document.readyState === 'complete') {
        document.getElementById('some_id').onclick = function(e) {
            e.preventDefault();
            return false;
        };
    }
};