跨度onfocus周围的元素不起作用

Question

我有一个可编辑的分隔符：

<div id="textArea" contenteditable></div>

我希望在用户第一次关注范围时用一个范围包围用户的光标：

var textArea = document.getElementById("textArea");
textArea.onfocus = function(event){
    var inner = textArea.innerHTML;
    if(inner == " " || inner == ""){
        var range = textArea.getRangeAt(0);
        var span = document.createElement("span");
        span.innerHTML = "​";
        range.insertNode(span);
        range.setStart(span, 0);
        range.setEnd(span, 1);
        textArea.removeAllRanges();
        textArea.addRange(range);
    }
}

但这不起作用，没有任何反应。

我做错了什么？

编辑：错误发生在

之后

var range = textArea.getRangeAt(0);

因为警报（“测试”）;之后不起作用了！

Answer 1

if（inner =＆＃34;＆＃34;）应该是if（inner ===＆＃34;＆＃34;）