JAVASCRIPT将复制的电话、传真号码自动分开段粘贴到表单

最新推荐文章于 2021-10-14 10:04:31 发布

原创最新推荐文章于 2021-10-14 10:04:31 发布 · 5.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #电话 #function #input #ie

JAVASCRIPT 同时被 2 个专栏收录

15 篇文章

订阅专栏

HTML/CSS

7 篇文章

订阅专栏

本文介绍了一种在Internet Explorer中实现的JavaScript方法，用于自动将粘贴的电话号码分段到不同的输入框中，并提供了当用户删除数字时自动跳转至上一个输入框的功能。

//JAVASCRIPT DOCUMENT
var numberTxt;
//仅限于IE
//粘贴电话号码自动分段处理
//号码类似于：86-0577-88558866
function pasteTel(obj){
  numberTxt = window.clipboardData.getData("text");
  var dc = document.getElementsByName(obj);
  var val = numberTxt.split(/ |/-/);
  //alert(obj+" "+dc.length+" "+numberTxt+" "+val[1]);
  for( var i = 0; i<dc.length; i++ ) {
    dc[i].value = val[i] == undefined ? "" : val[i];
  }
  window.clipboardData.setData("text", val[0]);
}
//删除时自动回到上一表单
function  shiftTab (obj) {  
  with(window.event){  
    if(keyCode==8 && obj.value == '')pObj(srcElement); 
  }  
}  
function   pObj(obj){  
  var   i=obj.sourceIndex;  
  while(document.activeElement==obj&&obj.tagName!="BODY")document.all(i--).focus();
}
/* 
示例
<input name="fax[]"  type=text onfocus="this.select()" onpaste=pasteTel(this.name) onblur="window.clipboardData.setData('text', txt)">
<input name="fax[]"   type=text onfocus="this.select()" onkeydown="shiftTab(this)">
<input name="fax[]"   type=text onfocus="this.select()" onkeydown="shiftTab(this)" >
*/