得到文本框选中的文字，动态插入文字的js代码

代码如下:

<script language="javascript" src="js/settags.js"></script> 
function AppTag(tagcode) 
{ 
 document.PostMessage.Message.value += tagcode; 
}

function InsertTag(tagbegin,tagend) 
{ 
 if ((document.selection)&&(document.selection.type == "Text")) { 
 var range = document.selection.createRange(); 
 var ch_text=range.text; 
 range.text = tagbegin + ch_text + tagend; 
 }  
 else  
 { 
 document.PostMessage.Message.value=tagbegin+document.PostMessage.Message.value+tagend; 
 document.PostMessage.Message.focus(); 
 } 
} 
</script>

调用：

执行操作的图标按钮：
<a href="javascript:AppTag('[ImgFace1]')"><img src="./Images/Face/Face1.gif" border="0"></a>
<a href="javascript:InsertTag('[B]','[/B]')"><img src="./Images/tags/EditorBold.gif" alt="Bold" border="0"></a>
其中[ImgFace1]，[B]，[/B]为要插入的文字
 var range = document.selection.createRange();
 var ch_text=range.text;
这是得到文本框选中的文字

被操作的文本框：
<asp:TextBox ID="Message" Runat="server" MaxLength="100" TextMode="MultiLine" Rows="15" Width="100%"  />

赞 (0)

相关推荐

  • 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)

    一共两个页面,分别如下: 一.创建页面create.jsp 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

  • 使用JS动态显示文本

    使用JS动态显示文本

    本文实例为大家分享了JS动态显示文本的具体代码,供大家参考,具体内容如下 index.html: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8" > <title>页面(HTML5)</title> <!-- 通过链接的方式使用 CSS --> <link rel="stylesheet&qu

  • 得到文本框选中的文字，动态插入文字的js代码

    复制代码 代码如下: <script language="javascript" src="js/settags.js"></script>  function AppTag(tagcode)  {   document.PostMessage.Message.value += tagcode;  } function InsertTag(tagbegin,tagend)  {   if ((document.selection)&&

  • javascript实现富文本框选中对齐的思路与代码

    javascript实现富文本框选中对齐的思路与代码

    目录 需求: 分析需求: 1如何获取选中的部分 * 2什么是块元素 3末梢元素(没有子节点的元素) 实现思路: 代码实现: 总结 需求: 一个可编辑(contenteditable=true)的div,对齐选中内容,左.中,右 ,其实质是:对选中的末梢节点,找到块属性的父元素,设置text-algin:center: MDN:text-align CSS属性定义行内内容(例如文字)如何相对它的块父元素对齐.text-align 并不控制块元素自己的对齐,只控制它的行内内容的对齐. 分析需求: 我

  • js实现文本框选中的方法

    本文实例讲述了js实现文本框选中的方法.分享给大家供大家参考.具体如下: 这段javascript代码可解决文本框获得焦点,即使得文本框的内容被选中. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www

  • PHP获取文本框、密码域、按钮的值实例代码

    PHP获取文本框、密码域、按钮的值实例代码

    获取表单元素提交的值是表单应用中最基本的操作方法.本节中定义 POST()方法提交数据,对获取表单元素提交的值进行详细的讲解. 获取文本框.密码域.按钮的值 获取表单数据,实际上就是获取不同的表单元素的数据.<form>标签中的 name 是所有表单元素都具备的属性,即这个表单元素的名称,在使用时需要使用 name 属性来获取响应的 value 属性值. 所以,添加的所有控件必须定义对应的 name 属性值.另外,控件在命名上尽可能不要重复,以免获取的数据出错. 在程序开发过程中,获取文本框.

  • createTextRange()的使用示例含文本框选中部分文字内容

    复制代码 代码如下: <script language="javascript"> function test() { var rng=document.body.createTextRange(); alert(rng.text) } function test1() { var rng=document.body.createTextRange(); alert(rng.htmlText) } </script> <input type="b

  • 文本框(input)获取焦点(onfocus)时样式改变的示例代码

    摘要:许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果.其实很简单,我们只需要获取页面上的文本框,加上onfocus事件或者其他对应的事件即可.本文介绍了如何在获取焦点时切换样式,明白原理后,实现其他效果就很简单了. 许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果.其实很简单,我们只需要获取页面上的文本框,加上onfocus事件或者其他对应的事件即可.本文介绍了如何在获取焦点时切换样式,明白原理后,实现其他

  • 兼容firefox的文本框只能输入两位小数的数字的代码

    function checkNumber(e,txt) { var key = window.event ? e.keyCode : e.which; var keychar = String.fromCharCode(key); var el = document.getElementById('test'); var msg = document.getElementById('msg'); reg = /\d|\./; var result = reg.test(keychar); if(

  • 如何让动态插入的javascript脚本代码跑起来。

    首先,声明方法很多种,直接间接的方法都有,只罗列一般情况下的两种模式: 假设我们要装入的代码是a.js: var foo=function(){ document.write("I am a.js content foo() function by never-online"); }; 一.直接插入src,这种方法简单而直接,但有局限性, 1) <script> var x=document.createElement("SCRIPT"); x.src=

  • JSP中使用JavaScript动态插入删除输入框实现代码

    JavaScript代码: 复制代码 代码如下: <script language="javascript"> function addrows(){ var len = optionlist.rows.length; //得到table的行数 var obj = optionlist.insertRow(len);//在最后一行插入 /**插入第一列**/ obj.insertCell(0); obj.cells(0).innerHTML="选项" +

  • 往光标所在位置插入值的js代码

    复制代码 代码如下: <pre name="code" class="javascript">/** *往输入域中插入字符串(光标所在位置) *@param $t document.getElementById('fieldId') *@param myValue 要插入的值 ** function addSplitToField($t,myValue){ if (document.selection) { $t.focus(); sel = docum

随机推荐