js实现在文本框光标处添加字符的方法介绍


Posted in Javascript onNovember 24, 2012
<script language="javascript" type="text/javascript"> 
function Button4_onclick(obj) { 
obj.focus(); 
var rng=document.selection.createRange(); 
rng.setEndPoint("StartToStart",obj.createTextRange()); 
var eng=document.selection.createRange(); 
eng.setEndPoint("EndToEnd",obj.createTextRange()); 
var kone = document.getElementByIdx("Text1"); 
kone.value=rng.text + "插入字符" + eng.text; 
} 
</script> 
<input id="Text1" type="text" value="1235467890"/> 
<input id="Button4" type="button" 
value="button" onclick="return Button4_onclick(Text1)" />

<%@ Page Language="C#" AutoEventWireup="true" AspCompat="true" CodeBehind="WebForm1.aspx.cs" 
Inherits="SJLERP.WebForm1" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<script type="text/javascript"> 
function setCaret(textObj) { 
if (textObj.createTextRange) { 
textObj.caretPos = document.selection.createRange().duplicate(); 
} 
} 
function insertAtCaret(textObj, textFeildValue) { 
if (document.all) { 
if (textObj.createTextRange && textObj.caretPos) { 
var caretPos = textObj.caretPos; 
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? textFeildValue + ' ' : textFeildValue; 
} else { 
textObj.value = textFeildValue; 
} 
} else { 
if (textObj.setSelectionRange) { 
var rangeStart = textObj.selectionStart; 
var rangeEnd = textObj.selectionEnd; 
var tempStr1 = textObj.value.substring(0, rangeStart); 
var tempStr2 = textObj.value.substring(rangeEnd); 
textObj.value = tempStr1 + textFeildValue + tempStr2; 
} else { 
alert("This version of Mozilla based browser does not support setSelectionRange"); 
} 
} 
} 
</script> 
<form id="form1" action="" onsubmit="" method="post" enctype="text/plain"> 
<p> 
<textarea name="tarea" rows="" cols="" style="width:300px;height:120px;" 
onselect="setCaret(this);" 
onclick="setCaret(this);" 
onkeyup="setCaret(this);" >例子例子例 Forget Never 子例子例子 asp.net </textarea> 
<br/><br/> 
<input type="text" name="textfield" style="width:220px;" value="插入FireFox"/> 
<br/> 
<input type="button" value="插入" 
onclick="insertAtCaret(this.form.tarea,this.form.textfield.value);"/> 
</p> 
</form> 
</html>
Javascript 相关文章推荐
javascript 贪吃蛇实现代码
Nov 22 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
Jquery easyui 实现动态树
Nov 17 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 #Javascript
js 连接数据库如何操作数据库中的数据
Nov 23 #Javascript
js 如何实现对数据库的增删改查
Nov 23 #Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 #Javascript
IE下使用cloneNode注意事项分享
Nov 22 #Javascript
jquery remove方法应用详解
Nov 22 #Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 #Javascript
You might like
全国FM电台频率大全 - 10 江苏省
2020/03/11 无线电
在PHP中使用Sockets 从Usenet中获取文件
2008/01/10 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
Python实现钉钉发送报警消息的方法
2019/02/20 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
python实现在一个画布上画多个子图
2020/01/19 Python
python交互模式基础知识点学习
2020/06/18 Python
基于python的opencv图像处理实现对斑马线的检测示例
2020/11/29 Python
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
挪威手表购物网站:Klokker
2016/09/19 全球购物
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
教师自我鉴定
2013/12/13 职场文书
费用会计岗位职责
2014/01/01 职场文书
森马旗舰店双十一营销方案
2014/09/29 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书