javascript - 字符串中的 OnClick 索引

Question

类似于我在 this 中提出的问题前段时间关于使用 Android 获取字符串 onClick 的索引的问题，我现在想用 JavaScript 做同样的事情(我正在使用 jQuery 库，如果那里有任何有用的功能，因为出色地)。我在网上和 Stack Overflow 上搜索过，似乎找不到任何东西。我在链接的问题中的回答涉及 (x,y) 坐标和偏移量 which I noticed jQuery has , 但它似乎给出了整个元素相对于文档的位置，而不是实际的 (x,y) 坐标。是否有类似的方法来使用 JavaScript 获取 (x,y) 坐标(或者更简单的方法来获取索引 onClick)？如果我的问题不够清楚，请给出以下字符串:

Mary never went to school. Mary was way too cool.

我想要它，这样如果有人点击第一个“Mary”中的“y”等等，我可以返回 3。

一如既往，非常感谢任何帮助或可靠的指导。

Answer 1

如果文本足够短，将每个字母包装在自己的 <span> 中并不会很糟糕.

类似于:

var text = $("#clickable-letter-div").html();

var wrapped = $.map(text.match(/./g), function(s, idx){
  return "<span class='letter'>" + s + "</span>"
}).join("");

$("#clickable-letter-div").html(wrapped);

$(".letter").click(function(){
  var pos = $(this).parent().children().index(this);
  alert(pos);
});