Tab键如何调用javascript函数
网页上实现tab键调用函数test();如下面:选择下拉框后按下键盘上的Tab键,调用函数test(),如何实现,谢谢<selectname="abc"size="1">...
网页上实现tab键调用函数test();如下面:选择下拉框后按下键盘上的Tab键,调用函数test(),如何实现,谢谢
<select name="abc" size="1">
<option selected>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<input type="text" name="def" size="6"> 展开
<select name="abc" size="1">
<option selected>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<input type="text" name="def" size="6"> 展开
展开全部
<html>
<head>
<title>Tab键如何调用javascript函数</title>
<script type="text/javascript">
document.onkeydown = function(){
if (event.keyCode==9){
test();
event.returnValue=false;
}
}
function test(){
try{
var objs = [document.getElementsByTagName("SELECT")[0],document.getElementsByTagName("INPUT")[0]];
var str = objs[0].options[objs[0].selectedIndex].text;
if (objs[1].value==str){
objs[1].value="";
} else {
objs[1].value=str;
}
objs[0].focus();
}catch(e){
alert("test exception:\n\n"+e.message()+"\n\n"+test);
}
}
</script>
</head>
<body>
<select size="1">
<option selected>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<input type="text" size="6">
</body>
</html>
<head>
<title>Tab键如何调用javascript函数</title>
<script type="text/javascript">
document.onkeydown = function(){
if (event.keyCode==9){
test();
event.returnValue=false;
}
}
function test(){
try{
var objs = [document.getElementsByTagName("SELECT")[0],document.getElementsByTagName("INPUT")[0]];
var str = objs[0].options[objs[0].selectedIndex].text;
if (objs[1].value==str){
objs[1].value="";
} else {
objs[1].value=str;
}
objs[0].focus();
}catch(e){
alert("test exception:\n\n"+e.message()+"\n\n"+test);
}
}
</script>
</head>
<body>
<select size="1">
<option selected>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<input type="text" size="6">
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询