OnClick索引字符串

OnClick Index in String

本文关键字:字符串 索引 OnClick      更新时间:2023-09-26

类似于我在这个问题上问过一段时间关于获得字符串onClick与Android的索引,我现在想用JavaScript做同样的事情(我使用jQuery库,如果有任何有用的函数对我在那里也是如此)。我已经在网上和Stack Overflow上搜索过了,但似乎找不到任何东西。在我链接的问题中,我的答案涉及(x,y)坐标和偏移量,我注意到jQuery有,但它似乎给出了整个元素相对于文档的位置,而不是实际的(x,y)坐标。是否有类似的方法获得(x,y)坐标与JavaScript(或更简单的方法来获得索引onClick)?如果我的问题不够清楚,给出以下字符串:

玛丽从未上过学。玛丽太酷了。

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

一如既往,任何帮助或坚实的方向都是非常感谢的。

如果文本足够短,将每个字母单独包装在一个<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);
});