随笔-js写成对象的一个例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动选择文本</title>
<script type="text/javascript">
  var FormUtil = new Object();
  FormUtil.setTextboxs  = function(){
     var colinputs = document.getElementsByTagName_r("input");
     for(var i=0;i<colinputs.length;i++){
         if(colinputs[i].type=="text"|| colinputs[i].type=="password"){
            colinputs[i].onfocus = function(){ this.select(); };
         }
     }
  }
 
 
  //------------制动切换到一下个输入框-------------------------------------------------------
  FormUtil.tabForward = function(oTextbox){

var oEvent = window.event;
     var oForm = oTextbox.form;
     
     //不能是最后一个元素,且触发了回车事件
     if(oForm.elements[oForm.elements.length-1]!= oTextbox && oEvent.keyCode == 13){
        for(var i=0;i<oForm.elements.length;i++){
          if(oForm.elements[i] == oTextbox){
             for(var j=i+1;j<oForm.elements.length;j++){
               if(oForm.elements[j].type == "text"){
                  oForm.elements[j].focus();
                  return ;
               }
             }
             return ;
          }
         
        }
     }
  };

</script>
</head>
<body onLoad="FormUtil.setTextboxs();">
<!--<input type="text" id="target01" onKeyDown="if(event.keyCode==32)   return   false"/>-->
<form name="form1">
<table>
<tr><td><input type="checkbox"/>标题1</td><td><input type="text" id="text_01" style="text-align:right"  value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td><td><input type="text" id="text_02" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td></tr>
<tr><td><input type="checkbox"/>标题2</td><td><input type="text" id="text_03" style="text-align:right" value="123456789"  onKeyUp="return FormUtil.tabForward(this);"/></td><td><input type="text" id="text_04" style="text-align:right" value="123456789"  onKeyUp="return FormUtil.tabForward(this);"/></td></tr>
<tr><td><input type="checkbox"/>标题3</td><td><input type="text" id="text_05" style="text-align:right" value="123456789"  onKeyUp="return FormUtil.tabForward(this);"/></td><td><input type="text" id="text_06" style="text-align:right" value="123456789"  onKeyUp="return FormUtil.tabForward(this);"/></td></tr>
</table>
</form>
</body>

</html>

时间: 2024-10-17 21:29:56

随笔-js写成对象的一个例子的相关文章

js的prototype扩展的一个例子,模仿C#的StringBuilder功能,数组组合字符串,效率大于+拼凑

function StringBuilder() { this._strings_ = new Array;}StringBuilder.prototype.append = function (str) { this._strings_.push(str);};StringBuilder.prototype.toString = function () { return this._strings_.join("");}; js的prototype扩展的一个例子,模仿C#的Strin

随笔-js写的cookie,字体记忆大小

// function  sizeInit(){       var fsize=getCookie("fsize");        if(fsize>15){            changeColor(0);        }else{            changeColor(1);        }        var objs=document.getElementsByName("content_show");        for(i=

js的面相对象编程小例子

<script type="text/javascript"> //1.hello js面向对象 function Hello(){ alert(99); } function _test1(){ var hello=new Hello(); } //2.定义实例变量 function Page(){} Page.prototype = { //2.1定义属性 类似于java的成员变量 name:'当前页', //该属性是共有属性 相当于java中的public修饰的变量

分享:计算机图形学期末作业!!利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”

这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业不是百度来的,我只是百度了一些示例代码的意思,怎么用!算了,越解释万一越黑呢!哈哈O(∩_∩)O哈哈~) ----------------------------------------------------------------分界线------------------------------

一个例子让你明白原型对象和原型链

开篇 之前对js中的原型链和原型对象有所了解,每当别人问我什么是原型链和原型对象时,我总是用很官方(其实自己不懂)的解释去描述.有一句话说的好:如果你不能把一个很复杂的东西用最简单的话语描述出来,那就说明你没有真正的理解.最近正在读<Javascript高级程序设计>,书中对原型对象和原型链的描述让我受益匪浅,下面仅用一个对比性的例子来说明. 我们经常会这么写 function Person () { this.name = 'John'; } var person = new Person(

Vue.js写一个SPA登录页面的过程

技术栈 vue.js 主框架 vuex 状态管理 vue-router 路由管理 一般过程 在一般的登录过程中,一种前端方案是: 检查状态:进入页面时或者路由变化时检查是否有登录状态(保存在cookie或者本地存储的值): 如果有登录态则查询登录信息(uid,头像等...)并保存起来:如果没有则跳转到登录页: 在登录页面(或者登录框),校检用户输入信息是否合法: 校检通过后发送登录请求:校检不成功则反馈给用户: 登录成功则从后端数据中取出session信息保存登录状态(可能需要跳转);登录不成功

每天进步一点点-实例为导学-一个java对象序列化的例子

序列化和反序列化例子 如果我们想要序列化一个对象, (对象 转 序列)首先要创建某些OutputStream(如FileOutputStream.ByteArrayOutputStream等),然后将这些OutputStream封装在一个ObjectOutputStream中.这时候,只需要调用writeObject()方法就可以将对象序列化,并将其发送给OutputStream(记住:对象的序列化是基于字节(1字节8位)的,不能使用Reader和Writer等基于字符的层次结构).而反序列的过

一个例子读懂 JS 异步编程: Callback / Promise / Generator / Async

JS异步编程实践理解 回顾JS异步编程方法的发展,主要有以下几种方式: Callback Promise Generator Async 需求 显示购物车商品列表的页面,用户可以勾选想要删除商品(单选或多选),点击确认删除按钮后,将已勾选的商品清除购物车,页面显示剩余商品. 为了便于本文内容阐述,假设后端没有提供一个批量删除商品的接口,所以对用户选择的商品列表,需要逐个调用删除接口. 用一个定时器代表一次接口请求.那思路就是遍历存放用户已选择商品的id数组,逐个发起删除请求del,待全部删除完成

js写一个通讯录

模拟通讯录列表功能 我们手机上面的通讯录列表里面都有根据右侧的字母跳滚动到该字母的第一个名单地方. 于是我把这个功能拆分成两个功能区思考: 第一个是如何把这些名字的的汉字首字母提取出来,并且把相同字母的汉字归类,最后显示成列表. 第二是右侧字母导航,它需要一直固定在右侧,并且我按一个字母,屏幕最中间会弹出一个字母方框,代表我选中了这个字母. 我首先去实现第一个问题,如何提取名字中第一个汉字的首字母? 我去尝试过许多种方法,其中尝试过使用localeCompare(),我也成功的排序了,但是我发现