實現鼠標雙擊表格時,文本框變成輸入框進行編輯


 
         
      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;
        }
      }

該方法只是簡單的功能實現,沒有做非空判斷以及代碼優化

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM