如何在jQuery / Javascript中的Textbox中获取选定的单词索引

时间:2017-12-05 16:58:39

标签: javascript jquery html html5 twitter-bootstrap-3

enter image description here

我正在尝试使用jQuery从文本框中单击鼠标来获取所选单词的索引。

我应该点击这个单词的索引:

WIFI -> 0
, -> 1
Parking -> 2
Available -> 3
! -> 4 
! -> 5
Internet -> 6
Includes -> 7
? -> 8 
? -> 9 
. -> 10 
IS -> 11 
Internet -> 12 
Working -> 13

因此,在选择互联网时,它应该将我作为索引位置返回12。

目前我正在使用以下方法,但使用这种方法我只得到所选单词的字符位置。

$("#idTable1 > tbody > tr").on('click', function (e) 
{
var start = document.getElementById("inputTxt").selectionStart;
var end = document.getElementById("inputTxt").selectionEnd;

但点击单词我应该得到句子中标记化单词的索引。

任何指针都有助于解决这个问题。

1 个答案:

答案 0 :(得分:0)

您可以尝试将文本框中的字符串拆分为" "然后使用var start = document.getElementById("inputTxt").selectionStart;计算数组中哪个元素包含您要查找的单词...

var arr = Split(document.getElementById("inputTxt").value, " ");
var start = document.getElementById("inputTxt").selectionStart;
var arrpos = 0;
var idx = 0;
for(idx=0; arrpos<start & idx < arr.lenght; idx++){
    arrpos += arr[idx].lenght;
}
return idx;