div的contenteditable 单击改为双击
时间: 2023-12-15 10:06:48 浏览: 74
electron+vue实现div contenteditable截图功能.docx
可以通过JavaScript来实现将div的contenteditable属性从单击改为双击。具体实现方法如下:
```html
<div id="myDiv" contenteditable="false">这是一个div</div>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.addEventListener("dblclick", function() {
myDiv.setAttribute("contenteditable", "true");
});
myDiv.addEventListener("blur", function() {
myDiv.setAttribute("contenteditable", "false");
});
</script>
```
上述代码中,我们首先获取了id为myDiv的div元素,然后给它添加了一个双击事件监听器。当用户双击该div时,我们将其contenteditable属性设置为true,使其变为可编辑状态。当用户单击其他地方时,我们将其contenteditable属性设置为false,使其变为不可编辑状态。
阅读全文