如何获取用户在浏览器上选中的文本

如果仅仅是文字~

<script language="javascript">

function getText()

{

var txt=documentselectioncreateRange()

alert(txttext)

}

</script>

这是一行文字

<input type="button" value="获取" onclick="getText()">

你是想做数据脱敏是吗？如果是这样，你在页面里做没有任何意义，页面的JS可以被绕过，甚至直接看网页源码就可以看到这些电话号码。你应该在后台做，从数据库中提取出来时就替换号码中的部分数字。更安全的做法是在数据库里实现，敏感数据不能直接被访问，而只能访问被处理过的数据或者视图。

如果你这个只是个学习或者实验系统，这样做也无可厚非。用js的substring截取两端的数字，中间加上重新合成新的字符串。

<span id="myItem">选项卡</span>

<a id="myContent">这里是要显示在选项卡的内容</a>

js：

jQuery("#myContent")click(function(){

var myContent = jQuery("#myContent")val();

//把a标签的内容显示在选项卡中

jQuery("#myItem")html(myContent) ;

//把a标签的内容显示在选项卡的title属性中

jQuery("#myItem")attr("title",myContent) ;

});

alert的功能是用于显示带有一条指定消息和一个OK按钮的警告框。

一般用来测试变量是否正确赋值等或提示用户，JS中的alert，作用是在浏览器中d出一个警告框，而使用alert有三种方式，不同的方式所呈现的效果也不相同。

alert功能的特点：

alert函数可以用来简单而明了地将alert括号内的文本信息显示在对话框中，我们将它称为警示对话框，要显示的信息放置在括号内，该对话框上包含一个确认按钮，用户阅读完所显示的信息后，只需单击该按钮就可以关闭对话框。

alert是javascript中的一个内置函数，用于显示带有一条指定消息和一个确认按钮的警告框语法alert文本，警告框经常用于确保用户可以得到某些信息，当警告框出现后，用户需要点击确定按钮才能继续进行 *** 作。

原生JS:

var oInput =documentgetElementById("app") //获取一个id为app的输入框元素；

var getHtml = oInputinnerHTML //获取该元素的内容并赋值给getHTML;

扩展资料：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

参考资料来源：百度百科-js

  html中获取标签的数据，可以通过js来获取，如下代码：

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 ．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 ．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师：</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业：</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知：</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

代码示例：

documentgetElementById("id")innerHTML //获取文本的内容；

documentgetElementById("id")value //获取文本框的内容；

function getValue(){

var input=documentgetElementById("myId");//通过id获取文本框对象

alert(inputvalue);//通过文本框对象获取value值

}

扩展资料：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。 [4]

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 [4]

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 [4]

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理

参考资料：

JavaScript-百度百科

收藏代码,,ie ff都好用,,其他的嘿嘿没试过

var cursorPosition = {

    get: function (textarea) {

        var rangeData = {text: "", start: 0, end: 0 };

     

        if (textareasetSelectionRange) { // W3C   

            textareafocus();

            rangeDatastart= textareaselectionStart;

            rangeDataend = textareaselectionEnd;

            rangeDatatext = (rangeDatastart != rangeDataend)  textareavaluesubstring(rangeDatastart, rangeDataend): "";

        } else if (documentselection) { // IE

            textareafocus();

            var i,

                oS = documentselectioncreateRange(),

                oR = documentbodycreateTextRange();

            oRmoveToElementText(textarea);

             

            rangeDatatext = oStext;

            rangeDatabookmark = oSgetBookmark();

             

            for (i = 0; oRcompareEndPoints('StartToStart', oS) < 0 && oSmoveStart("character", -1) !== 0; i ++) {

 

                if (textareavaluecharAt(i) == '\r' ) {

                    i ++;

                }

            }

            rangeDatastart = i;

            rangeDataend = rangeDatatextlength + rangeDatastart;

        }

         

        return rangeData;

    },

     

    set: function (textarea, rangeData) {

        var oR, start, end;

        if(!rangeData) {

            alert("You must get cursor position first")

        }

        textareafocus();

        if (textareasetSelectionRange) { // W3C

            textareasetSelectionRange(rangeDatastart, rangeDataend);

        } else if (textareacreateTextRange) { // IE

            oR = textareacreateTextRange();

            if(textareavaluelength === rangeDatastart) {

                oRcollapse(false);

                oRselect();

            } else {

                oRmoveToBookmark(rangeDatabookmark);

                oRselect();

            }

        }

    },

 

    add: function (textarea, rangeData, text) {

        var oValue, nValue, oR, sR, nStart, nEnd, st;

        thisset(textarea, rangeData);

         

        if (textareasetSelectionRange) { // W3C

            oValue = textareavalue;

            nValue = oValuesubstring(0, rangeDatastart) + text + oValuesubstring(rangeDataend);

            nStart = nEnd = rangeDatastart + textlength;

            st = textareascrollTop;

            textareavalue = nValue;

            if(textareascrollTop != st) {

                textareascrollTop = st;

            }

            textareasetSelectionRange(nStart, nEnd);

        } else if (textareacreateTextRange) { // IE

            sR = documentselectioncreateRange();

            sRtext = text;

            sRsetEndPoint('StartToEnd', sR);

            sRselect();

        }

    }

}

$('#id')mouseup(function () {

    var pos = cursorPositionget($(this)[0]);

    alert(!postext'':postext);

});

以上就是关于如何获取用户在浏览器上选中的文本全部的内容，包括:如何获取用户在浏览器上选中的文本、求指导如何在jsp页面获取到值并alert出来、jquery里面怎么获取文本内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！