2011-11-26 38 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>