Breaking News: Grepper is joining You.com. Read the official announcement!

how to add keyboard shortcuts javascript

Add Answer

Spen answered on April 23, 2022 Popularity 9/10 Helpfulness 9/10

answer how to add keyboard shortcuts javascript

related how to add shortcuts in javascript

related Javascript keyboard shortcuts

how to add keyboard shortcuts javascript

Comment

document.addEventListener("keydown", (event) => {
	/*
		event.key returns the character being pressed
        event.preventDefault() prevents the default browser behavior for that shortcut, e.g. ctrl+r usually reloads the page, but event.preventDefault() will turn off that behavior. event.preventDefault() should only be used if you share a shortcut with the same trigger as the browser.
        event.ctrlKey / event.altKey / event.shiftKey / event.metaKey all return booleans. They will be true when they are being pressed, otherwise they will be false.
	*/
	if (event.ctrlKey && event.key.toLowerCase() === "d") {
    	//Do something
	} else if (event.ctrlKey && event.key.toLowerCase() === "p") {
    	//Do something else
	}
});

Popularity 9/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: add javascript keyboard-shortcuts

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

Spen

0 Answers Avg Quality 2/10

Closely Related Answers

how to add shortcuts in javascript

Comment

document.addEventListener('keydown', (e) => {
    e.preventDefault();

    if (e.key.toLowerCase() === 's' && e.ctrlKey) {
        // Add your code here
        alert('S key pressed with ctrl');
    }
});

Popularity 7/10 Helpfulness 5/10 Language javascript

Source: www.webmound.com

Tags: add javascript

Link to this answer
Share Copy Link

Contributed on Sep 03 2022

Big Boss

0 Answers Avg Quality 2/10

Javascript keyboard shortcuts

Comment

-1

document.onkeyup = function(e) {
    if (e.which == 16) {
        alert('You have press Shift')
    }
    if (e.which == 17 && e.which == 13) {
        alert('You have press CTRL + Enter')
    }
    //Keyboard events codes
    //https://www.toptal.com/developers/keycode
};

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 24 2022

Marco Tellez

0 Answers Avg Quality 2/10

how to add keyboard shortcuts javascript

Contents

More Related Answers

how to add keyboard shortcuts javascript

Closely Related Answers

how to add shortcuts in javascript

Javascript keyboard shortcuts

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.