ReactJS-Keydown事件。默认值229

时间:2018-11-19 11:04:53

标签: javascript reactjs

我正在制作文本编辑器。 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();
        }
  }
}
  • P.S:event.target.value返回未定义。

0 个答案:

没有答案