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索引的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
编程基础网
本文标题为:字符串中的OnClick索引
基础教程推荐
猜你喜欢
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
