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去掉空格的方法集合
Dec 28 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
Webpack 实现 AngularJS 的延迟加载
Mar 02 Javascript
超详细的JS弹出窗口代码大全
Apr 18 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
微信小程序多列选择器range-key使用详解
Mar 30 Javascript
JS实现点击循环切换显示内容的方法
Oct 19 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
vue select 获取value和lable操作
Aug 28 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
生成静态页面的PHP类
2006/07/15 PHP
php你的验证码安全码?
2007/01/02 PHP
总结一些js自定义的函数
2006/08/05 Javascript
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
jQuery源码解读之removeAttr()方法分析
2015/02/20 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
javascript常用的方法整理
2015/08/20 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
Python字符串格式化输出方法分析
2016/04/13 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
ASP.NET中的身份验证有那些
2012/07/13 面试题
模具专业毕业生自荐书范文
2014/02/19 职场文书
幼儿园家长寄语
2014/04/02 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
工作态度怎么写
2015/06/25 职场文书
如何利用js在两个html窗口间通信
2021/04/27 Javascript
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫