2011-11-26 40 views
1

对于HTML元素,如何在onclick用户点击输入键时将按钮指定为“选中”?html按钮指定选中

我有一个页面,只有一个按钮,并且该页面显示时没有选择该按钮。我希望用户能够点击进入而不点击按钮。

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

什么按钮即输入类型=按钮,或者提交或按钮? – david

+0

没有指定具体类型 – user823527

+0

@david如果按钮位于'

'内,则按钮类型为“submit”(默认),否则默认类型为“button”。 – Mai

回答

2

您可以通过键码捕捉enter键盘。

document.onkeypress = keyPress; 

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

而不是'create_linkcard();'我把按钮焦点代码'('#buttonid')。焦点();'这个工程。 – user823527

+0

太棒了!很高兴知道 – david

0

如果使用JavaScript是一种选择,你可以这样做:

<input type="submit" id="myButton"/> 
<script type="text/javascript"> 
    document.getElementById("myButton").focus(); 
</script> 

将 “选择” 按钮myButton

确保将按钮元素后面的<script>

+0

感谢您的提示。我会测试一下。 – user823527

+0

不客气。我希望它有帮助! – JCOC611

+0

焦点是选择按钮的正确方法。使用jquery方法'$('#buttonid')。focus()'更方便。唯一的问题是,如果我在输入文本框中输入焦点,就会删除焦点。我正在寻找一种方法,在按下回车键时将按钮设置为默认选择。 – user823527

0

你也可以放置在上的JavaScript 的onLoad事件标签,就像这样:

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body onload="document.getElementById('pageButton').focus();"> 
     <button id="pageButton" href="#" onclick="create_linkcard();" class="page_button"> <img src="Add.png" />Add</button> 
    </body> 
</html>