TextArea +启用突出显示和选择

Question

我有上面的textarea由jquery keyup，ajax，php和mysql填充。 我现在需要能够在鼠标悬停的行突出显示时使鼠标悬停，光标：指针并且能够选择一个并使其出现在上面的输入中。

我不知道如何开始这部分。 有人能帮我推动正确的方向吗？

三江源

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);

请参阅this示例。

然后：

在list元素上注册mousemove()的事件处理程序，并使用target来获取悬停的项目：

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

请参阅this演示。

最后把它们together。