js 选中div中的文本

function selectText(element) {
        var text = document.getElementById(element);
        if (document.body.createTextRange) {
            var range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
            /*if(selection.setBaseAndExtent){
                selection.setBaseAndExtent(text, 0, text, 1);
            }*/
        } else {
            alert("none");
        }
    }

方法调用:

selectText(‘preBox‘);
时间: 2024-08-11 01:34:13

js 选中div中的文本的相关文章

js获取div中的文本框数据

通过div得到div里的所有数据 大神的世界无需解释,当然不是说我,当我看到这些代码的时候我惊呆了! 这是一个工具方法js: js: /* * 获取指定对象下的所有input.textarea值 * divid:外层的id * jsonStr:如果无,新创建一个对象,如果有,直接在对象中添加 * isCheck:是否进行必填项判断 */ getFormParam: function(divid,jsonStr,isCheck){ var inputlist = $("#"+divid+

JS修改标签中的文本且不影响其中标签

/********************************************************************* * JS修改标签中的文本且不影响其中标签 * 说明: * 需要修改<a>标签中的显示文本内容,但<a>标签中又有标签. * * 2017-8-28 深圳 龙华樟坑村 曾剑锋 ********************************************************************/ 一.参考文档: 1. get

禁止鼠标多次点击选中div中的文字

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Firefox/Opera不支持onselectstart事件</title></head><body><div id="d1" style="width:200px;height:200px;background:gold;">

JS去除div中的style

<!--通过style属性直接添加--> <div style="width:100px" id="div"></div> <!--通过class添加--> <style type="text/css"> .abc{width:100px;} </style><div class="abc" id="div2"></d

鼠标移动div时禁止选中div中的文字的方法

这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome.Safari准备,-moz-user-select是FF的 cssstyle: html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;} <div unselectable="on" onselectstart="return false;&quo

获取当前div中的文本(只获取当前div的, 子元素不要, 基于layui)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test2</title> <link rel="stylesheet" type="text/css" href="res/layui/css/layui.css"> <script type="text/j

【JS】纯JS实现div中的文字双击可编辑

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>JS edit</title></head><body><d

如何提交div中的文本内容

举个栗子: html: 1 <form acrtion="" method="post" id="form1"> 2 <div id="text" style="" contenteditable=”true“> 3 输入内容 4 </div> 5 <input type="hidden" name="divValue" id

自动选中div中的文字

<html> <head> <title></title> <script type="text/javascript" defer="defer"> function setSelectText(el, start, end) { var range = document.body.createTextRange(); range.collapse(); range.moveToElementText(e