加載頁面時如何使按鈕失去焦點

Question

加載我的JSP頁面時，按鈕（實際上是具有onfocus屬性的圖像按鈕）被聚焦。 因此，在按下回車鍵時它會被點擊。 這是一個小問題，是一個大問題的一部分。 加載頁面后如何使按鈕失去焦點？

<html>
<head>
</head>
<body>
<div onkeypress =handleEnter()>
name <input  type="text" src='Create.gif' >
</br>
<input  type="image" src='Create.gif' onclick="alert('not done')">
<input  type="image" src='Create.gif' onclick="alert('done')">
</div>
</body>
<script>
function handleEnter()
{
if(window.event.keyCode==13)
{
alert('nothing');
event.cancelBubble=true;
}
}
</script>
</html>

既顯示警告框，也顯示未執行任何操作且未完成

Answer 1

您可以使用autofocus HTML屬性（規范參考）自動將其他元素聚焦在頁面加載上。 我不確定如何將其與JSP配合使用，但是在純HTML中，這可能與以下內容類似：

<button>My Button</button>
<button autofocus>My Other Button</button>

這是一個JSFiddle演示。

Answer 2

我會修改這一行：

<input  type="text" src='Create.gif' >

至

<input  type="text" id="textbox" src='Create.gif' >
<script>
//$('#textbox').focus() //If your using jQuery
document.getElementById('textbox').focus()
</script>

這會將焦點轉移到文本框而不是圖像按鈕上

為您的文本框指定一個ID，然后使用該ID將焦點設置為該元素。

document.getElementById('textbox').focus()

加載頁面時如何使按鈕失去焦點

問題描述

2 個解決方案

解決方案1
0 2013-10-03 09:20:51

解決方案2
0 2013-10-03 09:24:31

加載頁面時如何使按鈕失去焦點

問題描述

2 個解決方案

解決方案1 0 2013-10-03 09:20:51

解決方案2 0 2013-10-03 09:24:31

解決方案1
0 2013-10-03 09:20:51

解決方案2
0 2013-10-03 09:24:31