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属性（specification reference）自动将其他元素集中在页面加载上。我不确定这将如何应用于JSP，但是在纯HTML中，这将是以下内容：

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

这是JSFiddle demo。

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 个答案: