PHP-Z

前端

javascript 焦点的两个问题

2016-9-4 09:19 发布者: 大熊猫
JavaScript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


# 页面加载完后,光标自动定位到R0表单 # 问题二:在R0表单输入1,回车后跳转到R1,输入2回车后跳转到R2,输入3回车后跳转到R3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>无标题页</title> 
<!--问题一:页面加载完后,光标自动定位到R0表单 
问题二:在R0表单输入1,回车后跳转到R1,输入2回车后跳转到R2,输入3回车后跳转到R3--> 
<script type="text/javascript"><!-- 
var $=function(id) 
{ 
return document.getElementById(id); 
} 
function ShowTar() 
{ 
$("R0").focus(); 
} 
function key_down(Target) 
{ 
if(event.keyCode==13) 
{ 
if(Target=="R0") 
{ 
$("R1").focus(); 
} 
else if(Target=="R1") 
{ 
$("R2").focus(); 
} 
else if(Target=="R2") 
{ 
$("R3").focus(); 
} 
} 
} 
// --></script> 
</head> 
<body onload="ShowTar()"> 
<input name="R0" id="R0" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> 
<input name="R1" id="R1" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> 
<input name="R2" id="R2" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> 
<input name="R3" id="R3" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> 
</body> 
</html>

关注微信公众号

top100summit

扫一扫关注微信公众号

PHP-Z_COM