Both event.preventDefault() and event.returnValue

2019-07-17 19:35发布

I have tried these to snippets of codes, the first one works in IE and Chrome, the second one works in Chrome only, but both of them don't work in Firefox. What I want is to stop the page from going to other pages via links

$('.album a').click(function(){
    event.returnValue = false;
    //other codes
})

$('.album a').click(function(){
    event.preventDefault();
    //other codes
})

Edit: This snippet from Ian worked for me

$('.album a').click(function(e){
    e.preventDefault();
    //other codes
});

3条回答
Emotional °昔
2楼-- · 2019-07-17 20:18

Try changing your code to the following:

$('.album a').click(function(e){
    e.preventDefault();
    return false;
})
查看更多
Bombasti
3楼-- · 2019-07-17 20:33

You need to provide the Event parameter:

$('.album a').click(function(e){
    e.preventDefault();
    //other codes
});

You don't need to deal with returnValue, as jQuery normalizes the method to work across browsers, by only calling preventDefault.

Note how the handler in the docs show this eventObject as the parameter passed to it: http://api.jquery.com/click/

And note how the Event object has the preventDefault method: http://api.jquery.com/category/events/event-object/

查看更多
老娘就宠你
4楼-- · 2019-07-17 20:33

Your callback signature does not register the event argument. Therefor your callbacks do not have access to the event object, and cannot prevent it.

$('.album a').click(function(event){
    event.returnValue = false;
    //other codes
});

$('.album a').click(function(event){
    event.preventDefault();
    //other codes
});
查看更多
登录 后发表回答