如何在内容可编辑的div中显示插入位置附近的自动建议div

我有一个内容可编辑的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(); } }); }