加载页面时如何使按钮失去焦点

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