|
| 1 | +var res = { |
| 2 | + "arr":[], |
| 3 | + "tagarr":[], |
| 4 | + "insert":function(){ |
| 5 | + var value = document.getElementById("input").value.trim(); |
| 6 | + res.arr = value.split(/[^0-9A-Za-z_u4E00-\u9FA5]+/); |
| 7 | + if(res.arr.length>10){ |
| 8 | + var length = res.arr.length; |
| 9 | + for(var i=0;i<length-10;i++){ |
| 10 | + console.log(res.arr.shift()) |
| 11 | + } |
| 12 | + } var getDisplay = document.getElementById("display-area"); |
| 13 | + render(getDisplay,res.arr) |
| 14 | + }, |
| 15 | + "tag-input":function(){ |
| 16 | + var value = this.value; |
| 17 | + var pattern = /[^'0-9A-Za-z_u4E00-\u9FA5]+/; |
| 18 | + if (pattern.test(value)){ |
| 19 | + var newPattern = /([0-9A-Za-z_u4E00-\u9FA5]+)/ |
| 20 | + var testData = newPattern.exec(value) |
| 21 | + if(testData){ |
| 22 | + res.tagarr.push(value) |
| 23 | + console.log(testData[0]) |
| 24 | + |
| 25 | + } |
| 26 | + this.value=null |
| 27 | + var getTag = document.getElementById("display-tag") |
| 28 | + render(getTag,res.tagarr) |
| 29 | + //console.log('haha') |
| 30 | + } |
| 31 | + } |
| 32 | + |
| 33 | +} |
| 34 | +var getInput = document.getElementById("tag-input"); |
| 35 | +getInput.oninput = res[getInput.id] |
| 36 | +var getButton = document.getElementsByTagName("button"); |
| 37 | +for(var i=0;i<getButton.length;i++){ |
| 38 | + getButton[i].onclick = res[getButton[i].id] |
| 39 | +} |
| 40 | + |
| 41 | +function render(id,val){ |
| 42 | + var str="" |
| 43 | + |
| 44 | + |
| 45 | + for(var i=0;i<val.length;i++){ |
| 46 | + str += "<div><span class='delete'>"+"删除"+"</span>" + val[i] + "</div>" |
| 47 | + } |
| 48 | + id.innerHTML = str; |
| 49 | + var getDiv = id.getElementsByTagName("div"); |
| 50 | + for(var i=0;i<getDiv.length;i++){ |
| 51 | + getDiv[i].onclick = function(){ |
| 52 | + id.removeChild(this) |
| 53 | + } |
| 54 | + } |
| 55 | +} |
0 commit comments