How can I convert this jQuery code to JavaScript?

Question

I want convert following working jQuery code into JavaScript

$(document).ready(function(){
    $("#txt1").keydown(function(event){
        var keyPress=String.fromCharCode(event.keyCode);
        var Keycode=event.keyCode;
        alert("KeyPress : "+keyPress)
        alert("KeyCode : "+Keycode)   
    })
})

and I am trying this to replace this code with JavaScript

document.getElementById("txt1").onkeydown=function(event){
    var keyPress=String.fromCharCode(event.keyCode);
    var Keycode=event.keyCode;
    alert("KeyPress : "+keyPress)
    alert("KeyCode : "+Keycode) 
}

and this above code not working.

document.getElementById("txt1").addEventListener('keydown', function(event) { ... }); — baao
– baao, Commented Nov 5, 2017 at 13:38
To be clear, jQuery is JavaScript. jQuery is a JavaScript library. — Rob
– Rob, Commented Nov 5, 2017 at 13:39

revy · Accepted Answer · 2017-11-05 13:56:07Z

1

Try this:

window.onload = function() {
  document.getElementById("txt1").addEventListener("keydown", function(e) {
    keyPress = String.fromCharCode(e.keyCode);
    keyCode = e.keyCode;    
    alert("KeyPress : " + keyPress)
    alert("KeyCode : " + keyCode)  
  }, false);
}

answered Nov 5, 2017 at 13:56

revy

4,81711 gold badges49 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rob Over a year ago

What does that do? How does it answer the question? Don't just blurt out code. Explain yourself! stackoverflow.com/help/how-to-answer

Collectives™ on Stack Overflow

How can I convert this jQuery code to JavaScript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related