js给文本框动态绑定onblur方法,失焦的时候触发
来源:互联网 发布:java方法名长度 编辑:程序博客网 时间:2024/06/05 19:04
以下以失焦时,去掉文本框对应值的前后空格为例;此外存在局部刷新元素也适应,局部刷新后再调用此方法即可。
var funMap = {};//记录页面变动之前的所有元素原始onblur方法var tmpMap = null;//以元素name为key存储onblur方法,存在当前页面原始onblur方法;function bindOnblurEvent(){//绑定对象类型input(type=text) texttareavar elements = document.getElementsByTagName('form')[0];tmpMap = {};if(elements != null){for ( var i = 0; i < elements.length; i++) {if(elements[i].type == "text" || elements[i].type == "textarea"){//若有原始onblur,则存入funArr,并放入temMap;if(elements[i].onblur != null){var tmp = (elements[i].onblur+"").replace(/(\n)+|(\r\n)+/g, "");var oldFun = funMap[elements[i].name];//通过name获取原始的onblur方法var newFun = tmp.substring(tmp.indexOf("{")+1,tmp.indexOf("}"));//防止原始onblur方法被覆盖var addFun = typeof oldFun!="undefined" ? oldFun:newFun;//当第二次触发bindOnblurEvent()时,当前onblur方法为addOnblurFun()时,不保存(原始onblur为空)if(!(addOnblurFun.toString().replace(/(\n)+|(\r\n)+/g, "").indexOf(addFun) > 0)){tmpMap[elements[i].name] = addFun;}}//给onblur绑定新的方法elements[i].onblur = addOnblurFun;}}funMap = tmpMap;}}function addOnblurFun(){//input texttarea 所输入的字符串去掉前后空格this.value = this.value.replace(/(^\s*)|(\s*$)/g, "");//调用原始的onblur方法//根据当前元素在form表单的位置,从funArr获取原始的onblur方法并调用var fun = tmpMap[this.name];if(typeof fun != "undefined"){//alert("fun = "+fun);eval(fun);}}0 0
- js给文本框动态绑定onblur方法,失焦的时候触发
- Onfocur和Onblur重复触发问题解决方案(文本框onblur事件连续触发的问题)
- js绑定onblur事件
- js在文本框回车触发事件的方法
- js在文本框回车触发事件的方法
- Unity 按钮动态的绑定和触发方法
- js onblur(对象失去焦点的时候执行这个事件)
- GridView绑定动态列时,在编辑的时候,如何控制编辑文本框的大小
- onblur在html中的意思是:控件在失去焦点的时候触发的事件
- onblur 是控件在失去焦点的时候触发的事件
- 动态给文本框赋值 和 找页面控件的方法
- UGUI按钮动态绑定和触发方法
- js 的 onblur 事件
- jQuery on()方法给动态生成的元素绑定方法
- js关于给动态生成的元素绑定事件
- Js给文本框赋值后,禁止再输入文本框的方法汇总
- jQuery给动态添加的元素绑定事件的方法
- jQuery给动态添加的元素绑定事件的方法
- mvn 指定Jdk版本,添加仓库,添加代理
- Bootstrap3 栅格系统-实例:移动设备和桌面屏幕
- iOS -- 倒计时获取验证码
- 第十三周 图项目一(2)
- 第十三周项目3-Dijkstra算法的验证
- js给文本框动态绑定onblur方法,失焦的时候触发
- python中使用xlrd、xlwt库以及openpyxl库读写excel浅析
- 【第十三周 项目3-Dijkstra算法的验证】
- 第十二周 项目5 - 迷宫问题之图深度优先遍历解法
- sublime text 2中Emmet8个常用的技巧
- 正则化最小二乘法——神经网络与机器学习笔记2
- 第十二周 项目2:操作用邻接表存储的图
- numpy模块的使用代码
- 数据结构学习笔记3