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 相关文章推荐
9个JavaScript评级/投票插件
Jan 18 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
Dec 20 Javascript
jQuery中before()方法用法实例
Dec 25 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
May 06 Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 Javascript
详解springmvc 接收json对象的两种方式
Dec 06 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
vue-star评星组件开发实例
Mar 01 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
PHP中如何实现常用邮箱的基本判断
2014/01/07 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
JS解析XML的实现代码
2009/11/12 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
JS模拟简易滚动条效果代码(附demo源码)
2016/04/05 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
Python3基础之基本运算符概述
2014/08/13 Python
Python set集合类型操作总结
2014/11/07 Python
在ironpython中利用装饰器执行SQL操作的例子
2015/05/02 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
python正则表达式re之compile函数解析
2017/10/25 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
pycharm打开命令行或Terminal的方法
2019/01/16 Python
python issubclass 和 isinstance函数
2019/07/25 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
python识别验证码图片实例详解
2020/02/17 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
肯尼亚网上商城:Kilimall
2016/08/20 全球购物
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
人事部主管岗位职责
2013/12/26 职场文书
计算机专业毕业生自荐信范文
2014/03/06 职场文书
财产保全担保书
2015/01/20 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL