


全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
js 金额文本框实现代码 案例1:回车实现Tab跳转。 响应文本框的onKeyDown事件,window.event.keyCode获得用户点击的keyCode。 (*)keyCode和ASCII不是完全一致,主键盘的1和小键盘的1的ASCII一样,但是keyCode不一样。回车的keyCode为 13,Tab的keyCode为9。 只有少数的键才能被替换,大部分是不行的,有权限问题。 键盘码与ASCII码不一样。 keyCode 8:退格键 46:delete 37-40: 方向键 48-57:小键盘区的数字 96-105:主键盘区的数字 110、190:小键盘区和主键盘区的小数点 189、109:小键盘区和主键盘区的负号 13:回车 9: Tab 就是那个把焦点移到下一个文本框的东东。 案例2:金额文本框 财务相关系统中涉及到金额的文本框有如下要求: 进入金额文本文本框不使用中文输入法 不能输入非数字 焦点在文本框中时文本框左对齐;焦点离开文本框时文本框右对齐,显示千分位 禁用输入法:style=“ime-mode:disabled” /兼容FF、IE,不兼容Chrome 禁 止键入非法值,只有这些才能被键入(k = 9) | (k = 13) | (k=46)|(k=8)|(k=189)|(k=109)|(k=190)|(k=110)| (k=48 & k=96 & k=37 & k=40)。 onkeydown=return numonKeyDown() 不要写成onkeydown=numonKeyDown() 区分事件响应函数和事件响应函数调用的函数。 禁止粘贴(伟大的 Tester),input onpaste=“return false;” ,太暴力,应该只是禁止粘贴非法值。在onpaste中通过clipboardData.getData(Text)取到粘贴板中的值,然后遍历每个 字符,看是否是合法的值,如果全部是合法值才允许粘贴,只要有一个非法值就禁止粘贴。charAt、charCodeAt(查字符集.doc)焦点在的时候左对齐没有千分位,焦点不在时右对齐千分位。this.style.textAlign=right 添加千分位的方法,见备注(*) =补充知识= (?=exp)匹配exp前面的位置 (?=exp) 也叫零宽度正预测先行断言,它断言自身出现的位置的后面能匹配表达式exp。比如bw+(?=ingb),匹配以ing结尾的单词的前面部分(除了 ing以外的部分),如查找Im singing while youre dancing.时,它会匹配sing和danc。 = function f() var txts=document.getElementsByTagName(input); for(var i=0;itxts.length;i+) /回车转换为tab txtsi.onkeydown=function() if(window.event.keyCode=13) window.event.keyCode=9; txtsi.onpaste=function() var usrInput=clipboardData.getData(Text); var k; for(var i=0;i=48 & k=56) else return false; 千分位(练习代码): function commafy(n) var re=/d1,3(?=(d3)+$)/g; /必须是以d3结尾,前面必须是1-3个数字,但替换的时候,不包含结尾的d3个数字。 var n1=n.replace(/(d+)(.d+)?)$/,function(s,s1,s2)return s1.replace(re,“$&,”)+s2;); return n1; function addQianFenWei(txtBox) txtBox.value=commafy(txtBox.value); function removeQianFenWei(txtBox) txtBox.value=txtBox.value.replace(/,/g,);/如果是replace(,)是只替换第一个 function commafy(n) var re=/d1,3(?=(d3)+$)/g; /匹配1到3个数字后面跟3个数字,但不含最后的3个数字。 var n1=n.replace(/(d+)(.d+)?)$/,function(s,s1,s2)return s1.replace(re,$&,)+s2;); return n1; function setQFW() var objTxt=document.getElementById(txtqfw); var r=; for(var i=objTxt.value.length-1;i=0;i-) if(i%3=0) r+=obj
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025-2026学年地质版(2024)小学体育与健康二年级全一册《安全游泳防溺水》教学设计
- 2025合作伙伴项目合作合同
- 小矮人讲解题目及答案
- 常德消防素质考试题库及答案
- 消防安全常识题目及答案
- 现象及原理分析题目答案
- 2025知识产权许可与转让合同
- 沧州高中地理会考试卷及答案
- 沧州地理生物考试卷子及答案
- 2025涂料采购合同范本
- 产科输血治疗专家共识(2023版)解读
- 拆解一切故事写作
- 七年级写字课教案
- 文印服务投标方案(技术方案)
- 九年级物理第21章《信息的传递》全章课件
- 沂水县中小学教师考试真题题库
- 撒肥机(厩肥)设备安全操作规定
- 经济学原理(第3版)PPT完整全套教学课件
- 吊带的报废标准
- 中小企业人力资源管理问题及对策研究
- 三维地震勘探观测系统设计
评论
0/150
提交评论