html点击编辑状态,javascript – 如何使用js触发’contenteditable’元素进入编辑状态？...

我想使用’contenteditable’属性实现元素放置编辑.是否可以通过鼠标事件模拟而不是用户点击进入编辑状态？

function triggerEvent(element, eventType) {

let rect = element.getBoundingClientRect();

console.log(rect);

let event = new MouseEvent(eventType, {

clientX: rect.left + 20,

clientY: rect.top + 10,

view: window,

buttons: 1,

bubbles: true,

});

element.dispatchEvent(event);

}

document.getElementById('btn').addEventListener('click', (event) => {

let editArea = document.getElementById('edit-area');

editArea.setAttribute('contenteditable', true);

triggerEvent(editArea, 'mousedown');

});

解决方法:

你只需要关注div：

let div = document.querySelector('div');

div.focus();

Div Content

标签：html,javascript,html5

来源： https://codeday.me/bug/20190727/1552955.html