Keypress in text input preventing typing

Question

I have a text input that I want to execute a function when enter is pressed. I used if condition to determine if enter is pressed but this causes the user not to be able to type in the input box. What can I put in the else condition to allow them to type normally?

JsFiddle

function addItem(e) {   
    e.preventDefault();                         // Prevent form being submitted
    var text = $('input:text').val();           // Get value of text input
    var itemArr = text.split(',');                                                              
    var lngth = itemArr.length                  

    for(i = 0; i < lngth; i++)                  
    {
        $list.append('<li>' + itemArr[i] + '</li>');    // Add item to end of the list
        updateCount();                                  // Update the count
    } // End loop

    $('#addItems').val('');                         // Empty the text input
    return false;
}

$('#addItems').keypress(function(e) {
    if(e.which == 13) {
        addItem();
    }
    return false;
});

score 1 · Answer 1 · edited Sep 22 '16 at 18:59

1

Remove return false; from the keypress function.

$('#addItems').keypress(function(e) {
    if(e.which == 13) {
        addItem();
    }   
    else {
        return true;
    }

    return false;   
});

edited Sep 22 '16 at 18:59

john

19
3

answered Sep 22 '16 at 18:48

Nalin Aggarwal

886
5
8

If I do that the page refreshes when I hit enter, which I don't want – Shniper Sep 22 '16 at 18:50
@Shniper then use else with return true – Nalin Aggarwal Sep 22 '16 at 18:52
Still refreshing when I press enter, with your code – Shniper Sep 22 '16 at 18:54
use this instead of – Nalin Aggarwal Sep 22 '16 at 18:56
@Shniper check this Link http://jsbin.com/weqofinoye/edit?html,js,output – Karthikeyan Sekar Sep 22 '16 at 19:00

score 0 · Answer 2 · edited Jan 28 '22 at 09:03

0

Jusr remove return false from the keypress event

You can see this Question

return false; successfully cancels an event across browsers if called at the end of an event handler attribute in the HTML.

and to prevent form from form being submitted, you can add onsubmit="return false" to the form

Demo

edited Jan 28 '22 at 09:03

Glorfindel

21,988
13
81
109

answered Sep 22 '16 at 18:50

Aya Salama

1,458
13
17

@Shniper i think this may solve your form submission problem – Aya Salama Sep 22 '16 at 19:09

Keypress in text input preventing typing

2 Answers2