Search jQuery

jQuery Forum

Using jQuery

darkgumby

event.preventDefault() and IE

Answered

Need more info
Working on it
Answered

in Using jQuery • 9 years ago

I am using jquery 1.4.1.min.js

I just discovered that event.preventDefault() causes errors under IE 8.

Thanks to Google I found this work around.

if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
};

Is there a more elegant way to handle this?

Replies(11)

ajpiano

Re: event.preventDefault() and IE

9 years ago

What error are you getting in IE? Are you in a jQuery event handler?

darkgumby

Re: event.preventDefault() and IE

9 years ago

Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Tue, 26 Jan 2010 20:17:30 UTC
Message: Object doesn't support this property or method
Line: 9
Char: 9
Code: 0
URI: http://blahblah.com/dev/blah/js/lib.js

I am still pretty new to jQuery so I'm not sure what you mean by, "jQuery event handler".

Here is the code that fails.

$().ready(function(){
$("#member_login").submit(function(){
process_login_form();
event.preventDefault();
});
}

The code runs fine under FF, Safari, and Chrome.

ajpiano

Re: event.preventDefault() and IE

9 years ago

by jQuery event handler, i just mean an event handler that is bound by jquery, rather than a native "on"+ handler. The problem in your code is that you don't actually have the event object being passed into the function, so you can't call methods on it. Correct it to the following and everything should be fine.

$(document).ready(function(){

$("#member_login").submit(function(event){

process_login_form();

event.preventDefault();

});

}

darkgumby

Re: event.preventDefault() and IE

9 years ago

That did the trick. I am still wrapping my brain around the jQuery paradigm and your explanation is a big help. Now I am happy, I learned something useful and I have cleaner, simpler code.

danypype7..

Re: event.preventDefault() and IE

7 years ago

if you want to simplfy, i recommend you to write a function like this:

function pde(e)//Function to prevent Default Events
{
    if(e.preventDefault)
        e.preventDefault();
    else
        e.returnValue = false;
}

then you can call it from anywhere:

function linkClick(event)
{
      pde(event);

      //ur code here!
}

...Easy

Satej dub..

Re: event.preventDefault() and IE

4 years ago

This is the more readable one:

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

machinegh..

Re: event.preventDefault() and IE

3 years ago

Stupid question: why doesn't jQuery just handle this for us?

The "pde" function above seems like a great solution, but why make every developer create their own? One of jQuery's original claims to fame was that it abstracted browser differences away so developers could stop thinking about them. It seems like jQuery could do exactly that here, yet somehow we're back to 2004 and worrying about browser differences again.

The event passed to a jQuery event handler isn't the real browser event, it's an object jQuery creates. So when jQuery makes that object, can't it set the preventDefault property to a function that invokes the above ternary? I'm imagining something along the lines of:

return { // future "e"

preventDefault: function() {

var browserEvent = this.originalEvent;

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

}

};

jakecigar

Re: Re: event.preventDefault() and IE

3 years ago

jQuery does. That was a 5 year old post, with incorrect comments.

Just return false; And jQuery does the dirty work.

JΛ̊KE

machinegh..

Re: event.preventDefault() and IE

3 years ago

Just looked at the source, and now I'm more confused; it seems like jQuery *is* doing this:

preventDefault: function() {
   var e = this.originalEvent;

   this.isDefaultPrevented = returnTrue;
   if ( !e ) {
      return;
   }

   // If preventDefault exists, run it on the original event
   if ( e.preventDefault ) {
      e.preventDefault();

   // Support: IE
   // Otherwise set the returnValue property of the original event to false
   } else {
      e.returnValue = false;
   }
},

So I guess there must just be some other reason (and I'll file a separate ticket for it if I find it) why return false isn't working for us in IE8.

jakecigar

Re: Re: event.preventDefault() and IE

3 years ago

Make your own post with enough code for us to follow.

JΛ̊KE

machinegh..

Re: event.preventDefault() and IE

3 years ago

Will do, thanks for the speedy response!

Top Reply

Response title

Attachments

jQuery Forum

event.preventDefault() and IE

Answered

Replies(11)

Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Re: Re: event.preventDefault() and IE

Re: event.preventDefault() and IE

Statistics

Tags

Actions