JavaScript只获取特定跨度的选定文本

JavaScript get selected text of only Particular span

本文关键字:文本 获取 JavaScript      更新时间:2024-03-16

我正在尝试获取一个特定跨度的所有选定文本

 <span style="font-size:40px">Hi tTheee</span> <span style="font-size:20px">hello</span> <span style="font-size:20px">sdsds </span>

我正在使用window.getSelection()如果用户选择"嗨,你好",则表示他选择了2个跨度,但我只想获取嗨。我该怎么做??

If user selects "hi tTheee hello" that means he has selected 2 spans, But i want to fetch only Hi tTheee所以我知道你想得到第一个跨度用户选择了多少跨度

在这里,我使用了mouseup函数来获取用户选择操作!!

$(document).on("mouseup",function(){
  var range = window.getSelection().getRangeAt(0);
  content = range.cloneContents();
  var select = content.querySelectorAll('span'); 
  console.log(select[0].innerHTML);//if u want all selected do loop
});

获取所选跨度的索引,并选择具有最小索引的跨度