//表格双击可编辑
doubleClick(element){
console.log(element)
console.log(element.target.textContent)
let oldHtml = element.target.textContent;
// 创建一个新的 input 输入框
let newInput = document.createElement('input');
// 为新的 input添加属性
newInput.style.cssText = 'width:100%;hheight: 100%;'
newInput.class = "change_input";
newInput.type = "text";
newInput.value = oldHtml;
// 清空当前元素的文本内容
element.target.textContent = '';
// 把新的 input 框 追加到当前元素节点中
console.log(newInput)
element.target.appendChild(newInput);
// 设置选择文本的内容或设置光标位置（两个参数：start,end；start为开始位置，end为结束位置；如果开始位置和结束位置相同则就是光标位置）
newInput.setSelectionRange(0, oldHtml.length)
// 为新 input 框获取焦点
newInput.focus();
// 为新的 input 添加失去焦点事件
newInput.onblur = function () {
// 判断失去焦点时，input 框的值是否与原值相同，相同则表示没有修改，返回原值；不同则表示有改动，返回新值
element.target.textContent = this.value == oldHtml ? oldHtml : this.value;
}
// alert(1)
},
双击点击编辑
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 点击子元素触发父元素 点击 这是父元素里面的其他内容 methods:{ fu(){ consol...
