javascript - jquery文本中使用鼠标只选中一个单词

Question

我正在从事 Rails 4 元素。我只需要从一个段落中选择一个词。现在我可以使用以下代码选择整个段落:

 function SelectText(element) {
    var doc = document,
            text = doc.getElementById(element),
            range,
            selection;
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$(function() {
    $('p').click(function() {
        SelectText('selectme');
    });
});

有什么方法可以修改此代码以仅从段落中选择一个单词吗？

Answer 1

可能有些浏览器不支持这段代码:

document.onclick = globalOnClickHandler;

function globalOnClickHandler() {
    var s = window.getSelection();
    s.modify('move','backward','word');
    s.modify('extend','forward','word');
    // alert(s.toString()); // you can get selected word 
}

https://jsfiddle.net/td745Lk8/1/