不过如果你要实现那样的效果,建议你用placeholder属性可以直接使用实现,不需要设置获取焦点,离开焦点等事件。
<form><input type="text" onkeypress="return handleEnter(this, event)"><br>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<textarea onkeypress="return handleEnter(this, event)">回车切换焦点</textarea>
</form> function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode
if (keyCode == 13) {
var i
for (i = 0 i < field.form.elements.length i++)
if (field == field.form.elements[i])
break
i = (i + 1) % field.form.elements.length
field.form.elements[i].focus()
return false
}
else
return true
}
焦点处理主要包括focus(获取焦点)和blur(失去焦点)事件类型。1、获取焦点:focus,当单击或使用Tab键切换到某个表单元素或超链接对象时,会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下,整个文档处于焦点状态,但是单击或者使用Tab键可以改变焦点位置。
2、失去焦点:blur,blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象,示例:输入框失去点击焦点时,会在文本框后面提示“请输入11位手机号。。。”,并且输入内容是非数字时,会提示“请输入数字。。。”