首页 > 代码库 > text 内容修改事件
text 内容修改事件
1 <script type="text/javascript"> 2 window.onload = function() { 3 4 //取到选项卡 5 var idtype = document.getElementById("selPassType"); 6 7 //当选项卡发生改变时,触发事件 8 idtype.onchange =function(){ 9 10 //判断是否是目标选项 11 if(idtype.value =http://www.mamicode.com/="01"){ 12 //取到身份证输入框 13 var txtid = document.getElementById("txtPassCode"); 14 //取到出生日期输入框,这里无用 15 var txtbir = document.getElementById("dpBirthDay"); 16 17 18 //监控txet的有三种方法 19 //onchange 是当内容发生变化,并且失去焦点的时候触发,限制比较多 20 //onpropertychange 实时触发,即每有一个字符发生变化都会触发,通过js引起的内容变化也会触发事件,单仅限于IE 21 //oninput 也是实时触发的事件,浏览器兼容性较好,并且JS引起的变化不会触发事件 22 //但是 有文章说 object.addEventListener("input",fn,false); 23 24 //判断浏览器类型 25 if(document.all){ 26 txtid.onpropertychange = function(){ 27 GetBirth(); 28 } 29 } 30 else{ 31 txtid.oninput = function(){ 32 GetBirth(); 33 } 34 } 35 } 36 } 37 } 38 39 //函数,获取身份证中的生日部分 40 function GetBirth() { 41 var txtid = document.getElementById("txtPassCode"); 42 var txtbir = document.getElementById("dpBirthDay"); 43 44 //身份证的长度为15位(第一代身份证) 和 18位(第二代身份证) 45 if(txtid.value.length == 15 || txtid.value.length == 18){ 46 var bithday=""; 47 if(txtid.value.length == 15){ 48 //第一代身份证的出生日期在7-12位 49 bithday = "19"+txtid.value.substring(6,12); 50 } 51 else{ 52 txtbir.valuehttp://www.mamicode.com/= ""; 53 //第二代身份证的出生日期在7到14位 54 bithday = txtid.value.substring(6,14); 55 } 56 txtbir.value = http://www.mamicode.com/bithday.substring(0,4)+"-"+bithday.substring(4,6)+"-"+bithday.substring(6,8); 57 } 58 } 59 </script>
利用js 取到省份证的出生日期,并插入, 主要留意 关于text的变化的事件控制
text 内容修改事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。