求一个用tab键来控制切换各个标签的焦点(比如输入框),不只是输入框,也可以是不同div之间的,也可以是div和输入框之间的,就是各个标签之间都可以切换焦点(光标所在位置),最好有代码,谢谢大家!
解决方案 »
- jsp传值问题,传int类型的值。
- 求一个jquery动态信息栏算法或者思路
- 【【如何用js操作iframe的scrolling属性???】】
- 下拉列表_的值
- 用 myClassName.prototype 设计的类成员函数,里面如果要为TR对象添加一个onmouseover事件处理程序,要怎么做?
- 控件倾斜和转动问题,请教达人
- 很久都没能解决的问题(防刷新的问题)
- 请问 如何使[img]http://community.csdn.net/Images/CommunityLogo.jpg[/img]转换成<img ....
- 怎么得到当前用户临时文件夹的位置?
- 关于static golabal问题
- jquery分页插件,怎么修改他的样式呢?
- show段网上来的代码,抛石引玉--js html实现
{
var id = e.id; if(Event.keycode == 37) //左 39右 38上 40 下
{
document.getElementById(id.replace("开始Id","移动后的Id")).select();
}
}
调用控件设置onkeyup事件
onkeyup="Move(this,event)"
<head>
<title></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<style type="text/css">
div{
width:20px;
height:20px;
border:1px solid red;
margin-bottom:10px;
}
</style>
<script>
function tabGoHome(){
document.getElementById("firstSelectd").focus();
}
function stopEvent(e)
{
if(e.stopPropagation)
{
e.stopPropagation();
}
else
{
e.cancelBubble=true;
}
if(e.preventDefault)
{
e.preventDefault();
}
else
{
e.returnValue=false;
}
}
function check(e)
{
e = e || window.event;
target = e.srcElement||e.target;
keyCode = e.keyCode;
if(9 == keyCode)
{
if("lastSelectd" == target.id)
{
stopEvent(e);
tabGoHome();
}
}
}
</script>
</HEAD>
<BODY onload = "tabGoHome()" onkeydown = "check(event)" >
<div id="firstSelectd" tabindex = "1">1</div><!-- 焦点 最初 停留的元素-->
<div tabindex = "2">2</div>
<div id="lastSelectd" tabindex = "7">7</div><!-- 焦点 最后 停留的元素-->
<div tabindex = "4">4</div>
<div tabindex = "5">5</div>
<input type="text" tabindex = "6" />
</BODY>
</html>
window.onload=function(){
var obj=document.getElementsByTagName("input");
for(var i=0;i<obj.length;i++){
(function(){
var index=i;
obj[index].onkeydown=function(){
obj[index<obj.length-1?index+1:0].focus();
return false;
};
})();
}
};
</script>
<input/>
<input/>
<input/>
<input/>
<input/>
<input/>