jQuery event.preventDefault() doesn't work in Firefox (including JSFiddle)


Jack:

This is similar to the other duplicates here, but I think it 's the correct use event.preventDefault()in this case .

Here's a JSFiddle , you can see the code with : http://jsfiddle.net/SeEw2/2/

Basically, click the Submit button.

In Chrome: nothing happens - correct response.

In Firefox : page reloads, oh yes!

So, why do you want to reload the page in Firefox instead of Chrome? I've been Firebugging it and no errors appear...

Zhi-Long:

eventThe variable in your code is not initialized.

http://jsfiddle.net/SeEw2/4/

Extract:

 $('#ajaxsearch').click(function(event) {

        // Stop the Search input reloading the page by preventing its default action
        event.preventDefault();

Related


event.preventdefault doesn't work in Firefox

in Nakyo I'm trying to make part of the text in the Input read-only to achieve what I found this code but doesn't work in FIrefox, works fine in chrome. Found out that event.preventDefault was causing the problem. Tried returning false, that didn't work either

event.preventdefault doesn't work in Firefox

in Nakyo I'm trying to make part of the text in the Input read-only to achieve what I found this code but doesn't work in FIrefox, works fine in chrome. Found out that event.preventDefault was causing the problem. Tried returning false, that didn't work either

event.preventdefault doesn't work in Firefox

Fisolotian I am using the jQuery below to toggle the hidden div. It works everywhere except Firefox, I know the error is (ReferenceError: event not defined), but I'm not sure where to define the event, so if someone could help that would be great. Thanks in ad

event.preventDefault doesn't work in Firefox

username I'm not sure why, but for some reason phone calls event.preventDefault()in Firefox are not working. I use it to prevent clicking on the link that redirects ayou to href, and instead run the click function. marked as follows: jQuery: $('.sub-list-click

event.preventdefault doesn't work in Firefox

in Nakyo I'm trying to make part of the text in the Input read-only to achieve what I found this code but doesn't work in FIrefox, works fine in chrome. Found out that event.preventDefault was causing the problem. Tried returning false, that didn't work either

event.preventDefault doesn't work in Firefox

username I'm not sure why, but for some reason phone calls event.preventDefault()in Firefox are not working. I use it to prevent clicking on the link that redirects ayou to href, and instead run the click function. marked as follows: jQuery: $('.sub-list-click

preventDefault doesn't work in Firefox

Andrew Burrow I have an input called shop_cat_edit and the code below. But in FireFox this code never works...even IE accepts it. What am I doing wrong? $('[name=shop_cat_edit]').on('click',function(e){ $('#shop_cat_selector_form').on('submit', function(){e

jQuery .click() event.preventDefault() doesn't work

Richard King: I'm building an extensible web application by putting scripts into a preset directory. The script needs to read the file header before going to the page, so I need to use .preventDefault() when I click the link and run some JScript first. Unfortu

jQuery .click() event.preventDefault() doesn't work

Richard King: I'm building an extensible web application by putting scripts into a preset directory. The script needs to read the file header before going to the page, so I need to use .preventDefault() when I click the link and run some JScript first. Unfortu

jQuery .click() event.preventDefault() doesn't work

Richard King I'm building an extensible web application by putting scripts into a preset directory. The script needs to read the file header before going to the page, so I need to use .preventDefault() when I click the link and run some JScript first. Unfortun

jQuery event.preventDefault() doesn't work unless debugging

metal encoder I am trying to use this method in order to convert GET parameters to POST. I also want the anchors to be handled correctly even when the middle mouse button is clicked. This is how the event handler is bound: $(document).ready(function () { $

jQuery event.PreventDefault doesn't work in user defined function

Mickey I am creating a function that will receive a URL and then display that URL in a lightbox. I'm having trouble with event.preventDefault() in a function, it says it's not a function in the error console. I've tried passing the event to the function explic

jQuery .click() event.preventDefault() doesn't work

Richard King: I'm building an extensible web application by putting scripts into a preset directory. The script needs to read the file header before going to the page, so I need to use .preventDefault() when I click the link and run some JScript first. Unfortu

jQuery event.PreventDefault doesn't work in user defined function

Mickey I am creating a function that will receive a URL and then display that URL in a lightbox. I'm having trouble with event.preventDefault() in a function, it says it's not a function in the error console. I've tried passing the event to the function explic

jQuery preventDefault() doesn't work with .on()

Mr Gandy Yes, I've read many other articles with the same problem, but I don't understand how to fix this. I have created a bookmark button that needs to change the icon when clicked. my jQuery: jQuery(document).ready( function() { var bm = jQuery(".u

jQuery preventDefault() doesn't work with .on()

Mr Gandy Yes, I've read many other articles with the same problem, but I don't understand how to fix this. I have created a bookmark button that needs to change the icon when clicked. my jQuery: jQuery(document).ready( function() { var bm = jQuery(".u

jQuery preventDefault() doesn't work with .on()

Mr Gandy Yes, I've read many other articles with the same problem, but I don't understand how to fix this. I have created a bookmark button that needs to change the icon when clicked. my jQuery: jQuery(document).ready( function() { var bm = jQuery(".u

jQuery preventDefault() doesn't work with .on()

Mr Gandy Yes, I've read many other articles with the same problem, but I don't understand how to fix this. I have created a bookmark button that needs to change the icon when clicked. my jQuery: jQuery(document).ready( function() { var bm = jQuery(".u

jQuery preventDefault() doesn't work with .on()

Mr Gandy Yes, I've read many other articles with the same problem, but I don't understand how to fix this. I have created a bookmark button that needs to change the icon when clicked. my jQuery: jQuery(document).ready( function() { var bm = jQuery(".u

event.preventDefault() on keydown doesn't work

Stave Tried to capture keypresses on the Bootstrap tab panel menu, but ignored the preventDefault() placed on the tab's keypress handler, it just bubbled up. document.onkeydown = function(e) { console.log("document catched the keydown event"); }; $('body >

event.preventDefault() on keydown doesn't work

Stave Tried to capture keypresses on the Bootstrap tab panel menu, but ignored the preventDefault() placed on the tab's keypress handler, it just bubbled up. document.onkeydown = function(e) { console.log("document catched the keydown event"); }; $('body >

event.preventDefault() on keydown doesn't work

Stave Tried to capture keypresses on the Bootstrap tab panel menu, but ignored the preventDefault() placed on the tab's keypress handler, it just bubbled up. document.onkeydown = function(e) { console.log("document catched the keydown event"); }; $('body >

React doesn't work for preventDefault() on onCopy event

Sviat Kuzhelev I'm trying to figure out how to make the clipboard event return falseon the onCopy event . I use test onCopyhandlers and e.preventDefault()methods. But the text is copied to the buffer without a hitch! What am I missing? Thank you in advance. im

event.preventDefault doesn't work in React

Joshua Rajandiran I followed a tutorial and they used them on event.preventDefault()a Savebutton and saved the form to the state. I haven't really written inputthe label yet, but so far I've added a "save" button, which is kind of like reloading the page when

event.preventDefault() doesn't work on click

Dai Du I want to stop event click. I tried using event.preventDefault()"ul li a" to stop the event. <ul> <li><a href="#">Click here</a></li> </ul> <script type="text/javascript"> $(document).ready(function() { $(document).on('click','ul li a', functi

preventDefault() doesn't work on change event

SlimJim Any ideas why preventDefault doesn't work? Here is the code below. . . Tks! <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> $(document).ready(function() { $("#text1").change(function(e) {

.unbind() doesn't work with event.preventDefault()

Justin Medas I have a responsive Javascript file that works successfully to unbind basic jQuery functionality. When the browser is set to tablet, the navigation is toggled based on click, so I disabled linking to any li element with ul. $('.main-navigation .me