div位置在文本区域之外,用于在文本区域中多选文本?

我面临着在文本区域中多选文本的问题,div被放置在文本区域之外,但对于单个选择单词,它工作得很好..

JavaScript的:

$(document).ready(function () { closePopUp(); var newpost = $('#newpost'); $('#mytextarea').on('select', function (e) { var txtarea = document.getElementById("mytextarea"); var start = txtarea.selectionStart; var finish = txtarea.selectionEnd; newpost.offset(getCursorXY(txtarea, start, 20)).show(); newpost.find('div').text('replace with stars'); }); document.onkeydown = undo; }); 

这是我的傻瓜

问题如下图所示:

在此处输入图像描述