首页 > 代码库 > javascript获取textarea中所选文本的开始位置、结束位置和选择的文本
javascript获取textarea中所选文本的开始位置、结束位置和选择的文本
javascript获取textarea中所选文本的开始位置、结束位置和选择的文本。
demo:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>javascript获取textarea中所选文本的开始位置、结束位置和选择的文本</title></head><body><textarea name="" id="test" cols="30" rows="10"></textarea><script type="text/javascript">//获取所选文本的开始和结束位置function getPositions() { var el = document.getElementById("test"), x = 0, y = 0, val = el.value; //IE if (document.selection) { //创建范围对象 var range = document.selection.createRange(); //克隆对象 var drange = range.duplicate(); //复制范围 drange.moveToElementText(el); drange.setEndPoint("EndToEnd", range); x = drange.text.length - range.text.length; y = x + range.text.length; } //Firefox,Chrome,Safari,opera etc else if (window.getSelection) { x = el.selectionStart; y = el.selectionEnd; } return { "val": val, "x": x, "y": y };}//获取textarea中选择的文本document.onmouseup = function() { if (window.getSelection) { //Firefox,Chrome,Safari,opera etc console.log(getPositions().val.substring(getPositions().x, getPositions().y)); } else if (document.selection) { //IE,IE下可以直接获取,不必利用开始和结束位置截取 console.log(document.selection.createRange().text); }};</script></body></html>
javascript获取textarea中所选文本的开始位置、结束位置和选择的文本
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。