php - TextArea + 启用高亮和选择

Question

我已经用 jquery keyup、ajax、php 和 mysql 填充了上面的 textarea。我现在需要能够允许鼠标悬停影响何时将突出显示鼠标悬停的行，光标：指针，并且能够选择一个并将其显示在上面的输入中。

我不知道如何开始这部分。有人可以推动我朝着正确的方向前进吗？

谢谢你

Answer 1

textarea将其转换为列表并将每一行文本转换为文本框作为列表项会更好、更容易：

var text = $('#text').html().split('\n');
var list = $('<ul></ul>');
$.each(text, function(k, v) {
    if (v != '') {
        $('<li>' + '<input type="text" id="' + k + '" value="' + v + '" />').appendTo(list);
    }
});
$('#text').replaceWith(list);

见这个例子。

然后：

mousemove()在列表元素上注册一个事件处理程序并用于target获取悬停项：

$('#listElement').mousemove(function(e) {
    $('#textBoxElement).val($(e.target).val());
});

看到这个演示。

最后把它们放在一起。