enter key event in javascript

Question

Im using jQuery too. Im trying to call one method keyPressEvent on pressing enter button. Whats wrong in the code

var AplOperations = function() {
  // this function i want to call when an enter button is pressed
  this.keyPressEvent = function() {
      // my code goes here
  }
} 

var myOpr = new AplOperations();

document.onkeyup = myOpr.keyPressEvent();

There is a comma after `}` .`//this.keyPressEvent = function() { // my code goes here }**,**` — Suresh Atta, Apr 16 '17 at 16:49
@DipakDelvadiya, first of all, the function itself is not firing up — Syed Sha, Apr 16 '17 at 16:51
@jakeehoffmann, I just want to fire the function once I press enter button — Syed Sha, Apr 16 '17 at 16:52
Possible duplicate of [onclick function runs automatically](http://stackoverflow.com/questions/14425397/onclick-function-runs-automatically) — JJJ, Apr 16 '17 at 17:10

Julian · Answer 1 · 2017-04-16T16:57:19.563

2

You don't need the () after myOpr.keyPressEvent, other wise the function will be executed intermediately.

Working example: (click first on the panel for the focus)

    var AplOperations = function() {
      // this function i want to call when an enter button is pressed
   
      this.keyPressEvent = function() {
          // my code goes here
          var elem = document.getElementById("test");
          elem.innerHTML += "key pressed<br>"
      }
    } 

    var myOpr = new AplOperations();

    document.onkeyup = myOpr.keyPressEvent;

<div id="test"></div>

edited Apr 16 '17 at 16:57

answered Apr 16 '17 at 16:52

Julian

33,915
22
119
174

@Thanks Julian. A bit late than ANS. – Syed Sha Apr 16 '17 at 17:00
8 seconds indeed. Have to type less before I post – Julian Apr 16 '17 at 17:01
@Thanks for your effort. – Syed Sha Apr 16 '17 at 17:02

Suresh Atta · Accepted Answer · 2017-04-16T16:55:42.113

1

You have to wait for the keyup and execute your things in callback. Right now it executes when the script gets execute.

   document.onkeyup = function () {
        myOpr.keyPressEvent();
   }

Updated Demo

edited Apr 16 '17 at 16:55

answered Apr 16 '17 at 16:52

Suresh Atta

120,458
37
198
307

Are you able to get the alert of test? Im not able to get the alert on pressing enter. – Syed Sha Apr 16 '17 at 16:55
@SyedSha See, in the fiddle, you are not owner if complete document. You should be inside the output document. – Suresh Atta Apr 16 '17 at 16:56
So what should I do to test in order in the fiddle. Plz let me know. I hope this will be working fine in my code. I can test it tomorrow. – Syed Sha Apr 16 '17 at 16:57
got it. Thx Accepting your answer – Syed Sha Apr 16 '17 at 16:59

Kiril Aleksandrov · Answer 3 · 2017-04-17T13:30:45.090

1

This line is wrong:

document.onkeyup = myOpr.keyPressEvent();

Using brackets immediately calls the function and the result is assigned to the onkeyup handler. If you remove the brackets your function will be assigned as a handler

edited Apr 17 '17 at 13:30

answered Apr 16 '17 at 16:57

Kiril Aleksandrov

2,601
20
27

enter key event in javascript

3 Answers3