Question

我有textbox / textarea，我想只用鼠标指向一个单词。然后在另一个文本框中显示该单词。例如：当我将鼠标指针放在一个单词上时，它应该显示在另一个文本框/ textarea中（只有那个单词）。

我看到很多帖子带有标签，但是无法添加textbox / textarea 此外，我需要通过鼠标单击创建功能

我需要鼠标悬停功能和鼠标点击功能才能获得消息。

See the

Demo and update this

Answer 1

我不确定这可以用普通的textarea来实现，但是你可以使用一个具有“满足感”的div来做到这一点。启用。

非常好用， see my jsfiddle demo （注意：在可编辑区域外单击以在任何编辑后重新启用突出显示。）

HTML：

<div contenteditable="true" id="editor">
    <div>
        Content here.
    </div>
    <div>
        More content here.
    </div>
</div>
Current word: <span id="word"></span>

使用Javascript：

var wrapwords = function() {
    $('#editor > div').each(function() {
        $(this).html($(this).text().replace(/\b(\w+)\b/g, "<span>$1</span>"));
    });

    $('#editor span').hover(
        function() { $('#word').text($(this).css('background-color','#ffff66').text()); },
        function() { $('#word').text(''); $(this).css('background-color',''); }
    );
};

$('#editor').on('focus', function() {
    $('#editor span').contents().unwrap();
});

$('#editor').on('blur', function() {
    wrapwords();
});

wrapwords();

获取鼠标指针上的文本框字

1 个答案: