keycode 13 and keycode 10 not working

javascript jquery submit keypress keycode
Srinivas picture Srinivas · Aug 11, 2011 · Viewed 7.2k times · Source

Event keypress 13 and 10 not working on iPhone safari, android firefox but working with android default browser.

I have a jsp page which has a form which that takes a number as input and changes values of other div elements in the same page by dividing those numbers by this input.

I am using keypress function of jQuery and testing with keycode 10 and 13 for this. It's working on all desktop browsers but the GO button doesn't fire on safari and firefox on smart phones. Please let me know how to go about this?

Here is the partial code I have used:

$('.number').keypress(function(e) {
    if(e.keyCode == 10 || e.keyCode == 13 ) {

        $('#1').html((textreplace/input).toFixed(0)+'g');
        $('#2').html((textreplace2/input).toFixed(0)+'%');
        $('#3').html((textreplace3/input).toFixed(0)+'g');
        ...
        ..

    }
}

The ".number" is the class name used in the input form which has type="text". So, basically I am not using submit at all.

Answer

Caimen picture Caimen · Aug 11, 2011

Try using keyup and keydown. keypress event is not really ideal.

Related questions

jQuery AJAX submit form

I have a form with name orderproductForm and an undefined number of inputs. I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the …

Read More
Dynamically create and submit form

Is there a way in jQuery to create and submit a form on the fly. Something like below. <html> <head> <title> Title Text Goes Here </title> <script src="http://code.jquery.…

Read More
Is there a better jQuery solution to this.form.submit();?

I want to trigger the submit event of the form the current element is in. A method I know works sometimes is: this.form.submit(); I'm wondering if there is a better solution, possibly using jQuery, as I'm not 100% sure …

Read More