如何在javascript中,获取选中文本在整个文本的位置

XCL6996 2007-12-26 03:13:09

如何在javascript中,获取选中文本在整个文本的位置

...全文

115 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2007-12-26

打赏
举报

回复

<html> 

<head> 

<title> 

TD Testing ! 

</title> 

</head> 

<script   language="javascript"> 

function   getPos()

{ 

  var p=document.getElementById("p1");  

  var r=document.selection.createRange();

  var txt=r.text;

  alert("选择的文本所在位置为："+(p.innerText.indexOf(txt)+1));

} 

</script>     

     

    <BODY>     

<p id='p1'>fffffffffajflafljljfldfjldfjdlfjdjllllllllllllllllljfelf

jelfjjjjjjjjjjjjjjjj</p>

<button onclick="getPos()">位置</button>

    </BODY> 

</html>

本课程主要介绍ArcGIS API for JavaScript的开发，结合目前主流的前端开发框架React和Vue来进行详细的讲解，ArcGIS API for JavaScript版本选择最新版的4.14版本。课程主要包括在React和Vue中ArcGIS API for JavaScript的使用和ArcGIS API for JavaScript的几个通用地图功能点的开发介绍，主要向大家讲解ArcGIS JS API的开发方法，引导大家学会ArcGIS JS API的开发。课程最后结合一个业务系统来全面讲解一个WebGIS系统从框架搭建到开发部署的整个流程。

【代码】JavaScript获取鼠标选中文本。

本文将展示我们如何使用 DOM API 来让用户在屏幕上突出显示或选择文本。DOM API 为我们提供了方法，该方法允许我们获取用户选择的文本。窗口对象可以直接访问这个方法。让我们看看如何实际实现此功能。

昨天产品提了个需求，要获取选中的文本，并在选中的文本后面加个添加按钮，将选中的文本渲染到另一边。这个可以通过window.getSelection()来获取选中的信息 <body> <div> 这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本.

var obj = document.getElementById(”select_id”); //selectidvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值JS如何取得SELECT选中的值(...

87,917

社区成员

224,617

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章