addEventListener keyup Keydown with Keycode not working

javascript addeventlistener keycode
Der Admin81 picture Der Admin81 · Dec 2, 2014 · Viewed 39.7k times · Source 
<input class="inputVal">
<script type="text/javascript">

    var myVal = document.getElementsByClassName('inputVal')[0]; 

    myVal.addEventListener('keyup', function(e){
        var count = myVal.value;
        console.log(count)
    });  
</script>

Answer

Leo picture Leo · Dec 2, 2014

Try bind event to document or window. If an element is not focusable and is not focused, keyboard events won't dispatch to it, instead they dispatch to document root(<body>).

Related questions

How to trigger event in JavaScript?

I have attached an event to a text box using addEventListener. It works fine. My problem arose when I wanted to trigger the event programmatically from another function. How can I do it?

Read More
addEventListener vs onclick

What's the difference between addEventListener and onclick? var h = document.getElementById("a"); h.onclick = dothing1; h.addEventListener("click", dothing2); The code above resides together in a separate .js file, and they both work perfectly.

Read More
Cannot read property 'addEventListener' of null

I have to use vanilla JavaScript for a project. I have a few functions, one of which is a button that opens a menu. It works on pages where the target id exists, but causes an error on pages where …

Read More