zoukankan      html  css  js  c++  java
  • 实现鼠标双击表格时,文本框变成输入框进行编辑

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

    该方法只是简单的功能实现,没有做非空判断以及代码优化
  • 相关阅读:
    JavaScript 对象
    Java条件语句
    函数的使用注意事项:
    函数的特点
    函数的格式
    for循环
    break和continue的区别和作用
    注意事项
    CSS浮动清除的方法
    转:Oracle 中union的用法
  • 原文地址:https://www.cnblogs.com/zhangxiaoshu/p/6590425.html
Copyright © 2011-2022 走看看