首页 > 代码库 > html 富文本编辑器相关--输出选中文字和主动选择文字
html 富文本编辑器相关--输出选中文字和主动选择文字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div class="app" contenteditable="true"> <span id="content">12345675345</span> <p id="content2">12345675345</p></div><button id="btn">显示选中文字</button></body><script> selction = window.getSelection(); const btn = document.querySelector(‘#btn‘); const app = document.querySelector(‘.app‘); const content = document.querySelector(‘#content‘); const content2 = document.querySelector(‘#content2‘); app.focus(); btn.onclick = function () { let selction ,text; console.log(selction.toString());//输出选中文字 alert(selction); } let range = selction.getRangeAt(0); range.setStart(selction.anchorNode,selction.anchorOffset); range.setEnd(selction.focusNode,selction.focusOffset+6); selction.removeAllRanges(); selction.addRange(range);//主动添加选中文字 console.log(selction);</script></html>
html 富文本编辑器相关--输出选中文字和主动选择文字
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。