JavaScript-从文本中选择单词
JavaScript - select word from text
我正试图从div中的文本中选择一个单词。我想点击一个文本,并在鼠标指针下放一个单词到一个变量,以便进一步处理。
function get_selection() {
var txt = '';
if (window.getSelection) {
txt = window.getSelection();
} else if (document.getSelection) {
txt = document.getSelection();
} else if (document.selection) {
txt = document.selection.createRange().text;
}
console.log(txt);
}
document.getElementById("txt").onclick = get_selection;
我在控制台中得到的是整个段落:
Selection { anchorNode: #text ""My text is long and wise and it consumes a lot of interwebs."", anchorOffset: 18, focusNode: #text ""My text is long and strong and it consumes a lot of interwebs."", focusOffset: 18, isCollapsed: true, rangeCount: 1, caretBidiLevel: 0 }
与点击的单词相反。
请告知。我不想使用jQuery。
您忘记将.toString
应用于txt
:
function get_selection() {
var txt = '';
if (window.getSelection) {
txt = window.getSelection().toString();
} else if (document.selection) {
txt = document.selection.createRange().text;
}
document.getElementById("out").innerHTML = txt;
}
document.getElementById("txt").onclick = get_selection;
<div id="txt">"My text is long and wise and it consumes a lot of interwebs."</div>
<div id="out"></div>
您需要将toString添加到getSelection:
console.log(txt.toString());
Js文件:https://jsfiddle.net/h8u1a6ha/
相关文章:
- 选择带有空格分隔单词的元素
- 选择下拉菜单:实现非精确搜索,每个单词都将被不可重复地搜索
- 如何按从当前单词到段落中该句子(.)结尾的范围选择文本
- 选择符号旁边的单词
- 使用Javascript双击HTML中的空格时,选择上一个和下一个单词
- Hangman游戏将用户选择的字母与单词中的字母进行比较以进行猜测
- 试图用随机选择的单词填充html中的ul.JS
- 如果字符串与数组中的多个单词匹配,则Javascript会选择该字符串
- 我在angular JS中选择了一个默认选项,并删除了两个单词之间的下划线
- Jquery $this属性选择器是否包含单词
- 在双击/选择单词时在 chrome 扩展程序中运行函数
- HTML 浏览器的“文本”选择:选择整个单词(如在 iBooks 中)
- 如何使用 JavaScript 将选择扩展到单词边界,仅一次
- 如何在分隔之间选择多个单词
- 选择 h2 标签的前两个单词并换行 span 标签
- 谷歌邮件应用程序脚本中的正则表达式困难 - 在两个单词之间选择单词
- 停止 Edge 浏览器尝试跨元素选择单词
- JavaScript-从文本中选择单词
- 如何包装html标签为jquery鼠标选择单词
- 选择单词边界,但不包括标点符号