arrow key function in javascript code example

Example 1: js detect right key click

//detecting arrow key presses - supports both new and depricated methods
document.addEventListener('keydown', function(e) {
	var key = e.key || e.keyCode;
	switch (key) {
		case 'ArrowLeft': case 37:
			alert('left');
			break;
		case 'ArrowUp': case 38:
			alert('up');
			break;
		case 'ArrowRight': case 39:
			alert('right');
			break;
		case 'ArrowDown': case 40:
			alert('down');
			break;
	}
});

Example 2: arrow function javascript

// Normal Function in JavaScript
function Welcome(){
  console.log("Normal function");
}

// Arrow Function
const Welcome = () => {
  console.log("Normal function");
}

Example 3: JAVASCRIPT KEYDOWN AROW

document.onkeydown = checkKey;

function checkKey(e) {

    e = e || window.event;

    if (e.keyCode == '38') {
        // up arrow
    }
    else if (e.keyCode == '40') {
        // down arrow
    }
    else if (e.keyCode == '37') {
       // left arrow
    }
    else if (e.keyCode == '39') {
       // right arrow
    }

}

Example 4: arrow function javascript

// an arrow function is also called a lambda or an anonymous function

let myFunction = () => {
  // some logic
}