Detect "Entry key" press for custom function

Question

I want detect when user use Entry. I want this, because I want custom the action made by the key. The key will be add a new row on my table. Can you add me please?

Thanks.

EDIT :

This solution don't work. I try all answers and any solution work ... :

<script type="text/javascript">
        function stopEntryKey(evt) {
            var evt = (evt) ? evt : ((event) ? event : null);
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
                if ((evt.keyCode == 13) && (node.type == "text")) { 
                    return false;
                    $("tbody").html("<tr><td>Item1-col1</td><td>Item1-col2</td></tr>"); // Ajoute une ligne
                }
        }
        document.onkeypress = stopEnterKey;
    </script>

EDIT 2 :

$(document).ready(function() {
$(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

This code work. Find here : Prevent users from submitting a form by hitting Enter

Now, I search to add a row when user press the Entry key. Who know how please?

@Mohammad : Look this : [link]http://stackoverflow.com/questions/39450576/add-row-html-jquery — Yvan1263, Sep 12 '16 at 12:42
@Mohammad : I test this but he add a line but how to set my html file for one row? I have a HTML file for code one row, and I want when user use ENtry key to create a row with this HTML file. — Yvan1263, Sep 12 '16 at 12:45
[jQuery: load txt file and insert into div](http://stackoverflow.com/questions/6470567/jquery-load-txt-file-and-insert-into-div) — Mohammad, Sep 12 '16 at 12:47

Mohammad · Accepted Answer · 2016-09-11T15:22:37.627

0

You need to add key event listener to detecting key press. You can use javascript .addEventListener() or jquery .keydown() to adding keydown event listener. Then you should check if Enter is pressed, run your target code.

// Javascript
document.addEventListener("keydown", function(){
    if (event.keyCode == '13') {
        alert();
    }
});
// Javascript shortcut
document.onkeydown = function() {   
    if (event.keyCode == "13") {
        alert();
    }
} 
// JQuery
$(document).keydown(function() {   
    if (event.keyCode == '13') {
        alert();
    }
});

window.onkeydown = function() {   
    if (event.keyCode == '13') {
      alert("Enter key pressed");
    }
}

edited Sep 11 '16 at 15:22

answered Sep 11 '16 at 15:12

Mohammad

21,175
15
55
84

That "Javascript shortcut" is awful and should not be used. It will break as soon as you have more than one of them since it'll overwrite the previous one. – ThiefMaster Sep 12 '16 at 09:46
@ThiefMaster I provide three way to do work. This does not mean you should use all three ways together. – Mohammad Sep 12 '16 at 09:51
You provide three ways, and one of which is quite bad and is better not to be recommended to people who might not know the drawbacks. – ThiefMaster Sep 12 '16 at 09:51
@ThiefMaster I can't understand your mean. Why `onkeydown` is *quite bad*? – Mohammad Sep 12 '16 at 09:53
imagine you have foo.js using `document.onkeydown = ...;` and bar.js also using it. now whatever is executed last will *replace* the other one – ThiefMaster Sep 12 '16 at 09:56
@ThiefMaster If what your said be right, It's not related to this question. Because question doen't use multiple js file or it does not mentioned in it. If you downvote my answer for the reason, it isn't right. – Mohammad Sep 12 '16 at 10:02

score 0 · Answer 2 · answered Sep 12 '16 at 06:41

0

Let's say the HTML is as follow

<table>
     <thead>
        <tr>
          <th>Col1</th>
          <th>Col2</th>
        </tr>
     </thead>

     <tbody>
     </tbody>
</table>

Now the JS:

$(document).keydown(function() {   
   if (event.keyCode == '13') {
       $("tbody").html("<tr><td>Item1-col1</td><td>Item1-col2</td></tr>";  //this 'll add row in the table
    }
});

answered Sep 12 '16 at 06:41

KOUSIK MANDAL

2,002
1
21
46

Thanks @KOUSIK. But didn't work. The Entry key send my form. So, how to change it please ? – Yvan1263 Sep 12 '16 at 07:27
Ok, so you have a form in that page and when you press enter the form is being submitted. Is it right? If it is then tell me when do you want to append a row in the table; when form 'll submitted or some other time? – KOUSIK MANDAL Sep 12 '16 at 07:43
I want custom the event for Entry key. By default, the Entry key send my form and I don't wan't. I just want add a row when user use the Entry key. – Yvan1263 Sep 12 '16 at 07:45
Ok, give it a try: . Take a look on the type. Now check. – KOUSIK MANDAL Sep 12 '16 at 07:47
I don't understand why add a button ? – Yvan1263 Sep 12 '16 at 07:51
Do,you have a single input form? – KOUSIK MANDAL Sep 12 '16 at 07:58

Bartłomiej Gładys · Answer 3 · 2016-09-12T07:59:42.977

-1

try this:

document.onkeydown = function(e) {   
  //something code
  //for something specific key:
  if (e.keyCode == 'someting_code_key') {
    // action
  }
}

key code list

edited Sep 12 '16 at 07:59

answered Sep 11 '16 at 14:38

Bartłomiej Gładys

4,525
1
14
24

This is wrong, please test before you post - `function(e) <-- note the "e"` – StudioTime Sep 12 '16 at 06:45
i just forget about `e`, now is ok :) – Bartłomiej Gładys Sep 12 '16 at 08:00
don't assign `document.onwhatever`; it's likely to break if you have more than one of such assignments since it will replace previous ones. use `addEventListener` instead. – ThiefMaster Sep 12 '16 at 09:57

Detect "Entry key" press for custom function

3 Answers3