Question

For the HTML element, how do I specify the button as “selected” for the onclick to happen when the users clicks the enter key?

I have a page with one button and that button isn’t selected when the page is shown. I want the user to be able to click enter without clicking the button.

<button href="#" onclick="create_linkcard();" class="page_button"> <img src="Add.png" />Add</button>

Answer 1

You can capture the enter keypress with key codes.

document.onkeypress = keyPress;

function keyPress(e){
var x = e || window.event;
var key = (x.keyCode || x.which);
if(key == 13 || key == 3){
     create_linkcard();
}
}