我正在制作文本编辑器。 This is demo image what i made
使用contenteditable,我将代码呈现给dragonedSetInnerHTML。 因此组件看起来像this
但是像Figure1一样,我可以访问下一个进行选择
(在第二个图中,它介于</div> here <select ~~>
我想防止用户当时访问和写入 但是我没有发现阻止访问方法。
因此,我认为当用户编写内容时,请检查父项并执行event.preventDefault()
,但左箭头和上箭头除外。
它在英语和其他语言中效果很好。
但是当我写韩文的时候。 PreventDefault不起作用。
如何用韩语执行preventDefault?
handleKeyDown = (event) => {
let key;
if(window.event) {
key = event.keyCode;
} else {
key = event.which; //For Firefox
}
const selection = document.getSelection();
if (selection.anchorNode) {
const check = selection.anchorNode.parentElement;
if (check.className.includes('src-components') && key !==37 && key !== 38) {
event.preventDefault();
event.stopPropagation();
}
}
}