vue判断是否双击_vue实现双击编辑

JS 实现双击编辑

原始 HTML代码：html>

Document

姓名：

张三

个人介绍：

我就是我，颜色不一样的烟火！

原始 页面效果：

JS代码：html>

Document

姓名：

张三

个人介绍：

我就是我，颜色不一样的烟火！

function edit (element) {

// 获取要编辑的文本内容

var oldHtml = element.innerHTML;

// 创建一个新的 input 输入框

var newInput = document.createElement('input');

// 为新的 input添加属性

newInput.type = "text";

newInput.value = oldHtml;

// 清空当前元素的文本内容

element.innerHTML = '';

// 把新的 input 框 追加到当前元素节点中

element.appendChild(newInput);

// 设置选择文本的内容或设置光标位置(两个参数：start,end；start为开始位置，end