Key Event'leri

keydown - function
Örnek - function
Şöyle yaparız.

//read user's direction
document.addEventListener('keydown', changeDirection);

function changeDirection(e) {
  let code = e.keyCode;
  console.log(code);
}

keyup - function
Örnek - lambda
Bir tuşa kaç milisaniye boyunca basıldığını bulmak için şöyle yaparız.

const signalKeypressDuration = (key, duration) => {
  console.log(`Key ${key} pressed for ${duration} ms`);
};

const keys = {};
document.body.addEventListener("keydown", ({ key }) => {
  if (!keys[key]) keys[key] = Date.now();
});
document.body.addEventListener("keyup", ({ key }) => {
  signalKeypressDuration(key, Date.now() - keys[key]);
  keys[key] = null;
});

onkeypress
Örnek
Şöyle yaparız.

textarea rows="10" cols="100" id="editor" onkeypress="hello(event);" ></textarea>
<script>
  function hello(e) {
    var keyp=e.charCode; 
    if(keyp=='123') {
      ...
    }
  }
</script>

mousemove
Şöyle yaparız.

document.addEventListener('mousemove', function(e) {
  console.log(`Position: (${e.clientX}, ${e.clientY})`);
}, false);

mouseover
Şöyle yaparız.

<script>
document.addEventListener('mouseover' ,function(e){
        console.log(`Position: (${e.clientX}, ${e.clientY})`);
    },false);
<script>