如何显示在附近的一个内容编辑的DIV插入位置的自动建议DIV(how to show an auto

2019-10-17 18:11发布

我有一个内容编辑的div和我试图接近一个展示自我暗示我的当前位置插入符号当我键入的字符。


我期待这样的事情.. 但下面的代码无法正常工作

        var editor  = document.getElementById('myDiv');
        var t=$(editor).offset().top;
        var l=$(editor).offset().left;
        var caretPosition = getCaretPosition(editor);
        var autoSuggestionDiv = document.getElementById('divResult');
        autoSuggestionDiv.style.top = t + caretPosition + "px";
        autoSuggestionDiv.style.left = l + caretPosition + 20 + "px";
        var inputSearch = getCharacterPrecedingCaret(editor);
        var dataString = 'searchword='+ inputSearch;
        if(inputSearch!='')
        {
            $.ajax({
            type: "POST",
            url: "Search.aspx",
            data: dataString,
            cache: false,
            success: function(html)
            {
            $("#divResult").html(html).show();
            }
            });
        }
文章来源: how to show an auto suggestion div near the caret position in a content-editable div