1、获取焦点:focus,当单击或使用Tab键切换到某个表单元素或超链接对象时,会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下,整个文档处于焦点状态,但是单击或者使用Tab键可以改变焦点位置。
2、失去焦点:blur,blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象,示例:输入框失去点击焦点时,会在文本框后面提示“请输入11位手机号。。。”,并且输入内容是非数字时,会提示“请输入数字。。。”
让输入框获取焦点:方法1:<body onload="document.getElementById('inputId').focus()">
方法2:
function init(){
document.getElementById("inputId").focus()
}
例如:
<body onload="document.getElementById('test').focus()">
我要获取焦点:<input type="text" name="test" id="test">
</body>
1.警告消息框alertalert
方法有一个参数,即希望对用户显示的文本字符串。该字符串不是
HTML
格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。
window.alert("欢迎!请按“确定”继续。")
2.确认消息框confirm
使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm
方法的返回值为
true
或
false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。
var
truthBeTold
=
window.confirm("单击“确定”继续。单击“取消”停止。")
if
(truthBeTold)
{
window.alert("欢迎访问我们的
Web
页!")
}
else
window.alert("再见啦!")
3.提示消息框prompt
提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为
"<undefined>"。
与alert(
)
和
confirm(
)
方法类似,prompt
方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框
var
theResponse
=
window.prompt("欢迎?","请在此输入您的姓名。")
输入焦点函数是
focus()