IFE-TASK21（任务二十一：基础JavaScript练习（四））

前言：

百度前端技术学院，任务二十一：基础JavaScript练习（四）

知识点：

1）将空格，逗号，回车当分隔符，使用 split函数 + 正则表达式

input.value.trim().split(/,|，|、|\s|\n|\r|\t/) 

//trim()去除左右空白，

\s是指空白，包括空格、换行、tab缩进等所有的空白，而\S刚好相反

\r 匹配一个回车符

\n匹配一个换行符

\t匹配一个制表符

2）将将空格，逗号，回车当结束符，使用 keyup事件 + 正则表达式

(/(,| |\，)$/.test(input.value) || event.keyCode===13) 

3）当只允许输入一个TAG时，实现当输入用分隔符隔开的多个字符时，只取第一个

input.value.match(/(^[^,\， ]*)/)[0] //match函数返回匹配的值，以数组的方式，正则里的^如果在[]里表示"非"

4）跨浏览器实现事件绑定

function addEventHandler(ele, event, hanlder) {
    if (ele.addEventListener) {
        ele.addEventListener(event, hanlder, false);
    } else if (ele.attachEvent) {
        ele.attachEvent("on"+event, hanlder);
    } else  {
        ele["on" + event] = hanlder;
    }
}

代码地址：点击打开链接

DEMO：点击打开链接