在页面中加入两个文本框和一个按钮,通过按下回车键,使三个组件分别获得焦点,当按钮获得焦点时,利用alert()方法弹出一个对话框。
<form action="" name="f">
<input type="text">
<input type="text">
<input type="submit" value="请输入内容" />
</form>
<script>
var ipt = document.f.getElementsByTagName('input'), index = 0
ipt[index].focus();
document.f.onkeydown = function (e) {
e = e || window.event;
if (e.keyCode == 13) {
e.returnValue = false;
e.preventDefault && e.preventDefault();
//以上2行阻止表单提交
index++;
if (ipt[index]) {
ipt[index].focus();
if(ipt[index].type=='submit')alert('1111111')
}
}
}
</script>
var text1=document.getElementById("text1");
var text2=document.getElementById("text2");
var btn=document.getElementById("btn");
//登录绑定回车键
function CheckEnterKey(evt)
{
if(evt.keyCode == 13)
{
text1.focus()
text2.focus()
btn.focus()
if("text1"==document.activeElement.id){
alert("text1得到焦点");
}
}
}
没懂你的目的是要干什么,三个组件分别获得焦点??