editEvent: function(event,index){ let dom = event.target; //獲取當前節點元素 let oldVal = dom.innerHTML;//獲取當前值 dom.innerHTML ="";// let inputHtml = document.createElement("input");//創建input標簽 inputHtml.setAttribute("type","text"); inputHtml.setAttribute("value",oldVal); inputHtml.style.height="100%"; inputHtml.style.width ="100%"; dom.appendChild(inputHtml); inputHtml.focus();//使光標在輸入框內 inputHtml.select();//默認選擇內容 inputHtml.onblur = function(e){ //綁定失去焦點事件 let target = e.target; console.log("index: " + index) let newVal = target.value; console.log(newVal); dom.innerHTML = newVal; } }
該方法只是簡單的功能實現,沒有做非空判斷以及代碼優化