字符串中的OnClick索引

OnClick Index in String(字符串中的OnClick索引)
本文介绍了字符串中的OnClick索引的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

类似于我之前在this问题中提出的关于使用Android获取字符串onClick的索引的问题,我现在想用JavaScript做同样的事情(如果其中也有任何对我有用的函数,我将使用jQuery库)。我在网上搜索了Stack Overflow,似乎什么都找不到。在我链接的问题中,我的答案涉及(x,y)坐标和偏移量which I noticed jQuery has,但它似乎给出了整个元素相对于文档的位置,而不是实际的(x,y)坐标。有没有类似的方法来获得(x,y)坐标(或者更简单的方法来获取索引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);
});

这篇关于字符串中的OnClick索引的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)