javascript focus() 方法改变值

Question

我想让单元格行为像 Excel 中一样。如果我单击单元格并且单元格的属性表达式不为空，我想将此表达式的值放入单元格并聚焦于该单元格。

代码:

// In this point tdElm.innerHTML = 1
    if (tdElm.getAttribute('expression') != "") {
        tdElm.innerHTML = tdElm.getAttribute('expression'); //expression = '=1'
        tdElm.setAttribute('contenteditable', 'true');
        tdElm.classList.add('focused');
        console.log(tdElm.innerHTML); //print =1
        tdElm.focus();
        console.log(tdElm.innerHTML); //print 1
        return;
    }

我的问题:

为什么调用 focus() 方法后单元格的 innerHTML 值又变回来了？如何解决这种奇怪的行为？我需要纯 JavaScript 解决方案。

感谢您的帮助。

Answer 1

focus() 方法不会对元素的值进行任何更改。

我认为您可以检查为该元素创建的焦点事件处理程序。