单击时是否可以选择整个单词？比如我有一段文字：
I live in central Ave.
当我单击单词'central'中的字符't'时，需要选择整个单词'central'。可能吗？谢谢。
【问题讨论】：
标签： javascript
希望提供的 jsfiddle 有所帮助。
http://jsfiddle.net/MattCMC/Vap7C/1875/
你可以把它定义为一个类的点击函数：
$(".clickable").click(function(e) {
s = window.getSelection();
var range = s.getRangeAt(0);
var node = s.anchorNode;
while (range.toString().indexOf(' ') != 0) {
range.setStart(node, (range.startOffset - 1));
}
range.setStart(node, range.startOffset + 1);
do {
range.setEnd(node, range.endOffset + 1);
}
while (range.toString().indexOf(' ') == -1 && range.toString().trim() != '');
var str = range.toString().trim();
//alert(str);
});
【讨论】：
看看下面的方法。虽然它确实需要一个插件，但这将是必需的，因为选择事件是由浏览器运行的，而不是浏览器内的代码。
https://codereview.stackexchange.com/questions/38089/select-text-with-just-one-click
【讨论】：
我建议的是一种解决方法。您可能必须维护其他状态才能取消选择。让我知道这是否适合你。
HTML
<span class="text"> text is all I got </span>
JS
// find elements
$(function () {
$('.text').each(function (index, ele) {
$(ele).html($(ele).text().split(' ').map(function (word) {
return ['<span class=\'clickable\'>', word, '</span>'].join('')
}).join(' '))
})
$('.clickable').click(function (e) {
$(this).css('background-color', 'blue').css('color', '#fff')
})
})
【讨论】：
有可能。
您可以使用 JS 将每个单词嵌套在 span 标签中，然后将 click 事件绑定到包含元素。使用冒泡/捕获来确定哪个被点击并附加一个“突出显示”类，您可以设置不同的样式以突出显示。
【讨论】：