2种方法，当文本框输入@自动补全邮箱后缀（特别是命名空间的引用，共三种方法）

最近做个项目中，用到这个，贴出来大家分享一下。

<p>以下2个是单个邮箱的添加后缀</p>

<div id="msg"></div>   
<input id='txt' value="" onpropertychange="handle();" οninput="handle();"/>   
<p>利用命名空间</p>
<input id='txt2' value="" onpropertychange="YLH.handle();" οninput="YLH.handle();"/>   
<script>   
(function(){
window['YLH'] = {};
window['YLH']['handle'] = handle;
function handle(){
var txtVal = $('#txt2').val();
var patt = new RegExp("@$");
if(patt.test(txtVal)){
txtVal += '163.com;';
}
$('#txt2').val(txtVal);
}
})();
//当状态改变的时候执行的函数   
function handle(){
var txtVal = document.getElementById('txt').value;
var patt1 = new RegExp("@$"); //正则以@结束，$是结束标志
if(patt1.test(txtVal)){
txtVal+='163.com;'
};
document.getElementById('txt').value =  txtVal;
document.getElementById('msg').innerHTML='输入的内容为：'+ txtVal;
//下面是可以学习下
// if(txtVal.indexOf('@')>0){
// var i = txtVal.indexOf('@');
// document.getElementById('txt').value = txtVal.replace(/@/,'@credithc.com;');
// document.getElementById('txt').value = txtVal.substring(0,i) + '@credithc.com;';
// }


//计算特定字符在字符串中的个数
// var str22 = '11@33@44@dd';
// var c22 = "@"; // 要计算的字符
// var regex = new RegExp(c22, 'g'); // 使用g表示整个字符串都要匹配
// var result22 = str22.match(regex);
// var count = !result22 ? 0 : result22.length;
// console.log(c22 + " 的数量为 " + count); 




// if(txtVal.indexOf('@')>0){
// var arr = txtVal.split("@");
// arr.removeByValue('');
// for(var i=0;i<arr.length;i++){
// arr[i] +='@credithc.com;';
// };
// console.log(arr.join(''));
// txtnewVal = arr.join('');
// }
// document.getElementById('msg').innerHTML='输入的内容为：'+ txtVal;
// Array.prototype.removeByValue = function(val) {   //从数组中删除指定值元素的方法
// for(var i=0; i<this.length; i++) {
//    if(this[i] == val) {       
//     this.splice(i, 1);       
//     break;     
//    }   
// } 
// } 
}   
</script>   
<p>下面在输入框中输入@的时候自动加上后缀163.com;</p>
<input type="text" οninput="if(/@$/.test(value)) value+='163.com;'" />  <!-- 正则以//开始和结束，中间以@字符结尾，$是结尾的意思 -->