我想使用’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();
标签:html,javascript,html5
来源: https://codeday.me/bug/20190727/1552955.html