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 相关文章推荐
一个js写的日历(代码部分网摘)
Sep 20 Javascript
js文件中调用js的实现方法小结
Oct 23 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
纯JS打造网页中checkbox和radio的美化效果
Oct 13 Javascript
基于Vue2.0的分页组件
Mar 16 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
js中数组常用方法总结(推荐)
Apr 09 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
vue相同路由跳转强制刷新该路由组件操作
Aug 05 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 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
文件上传程序的全部源码
2006/10/09 PHP
PHP模块 Memcached功能多于Memcache
2011/06/14 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
PHP5.3新特性小结
2016/02/14 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
2011/03/28 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
js中判断用户输入的值是否为空的简单实例
2013/12/23 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
vue实现同一个页面可以有多个router-view的方法
2018/09/20 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
python交互式图形编程实例(一)
2017/11/17 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
Python编写带选项的命令行程序方法
2019/08/13 Python
pymysql 开启调试模式的实现
2019/09/24 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
super关键字的用法
2012/04/10 面试题
大学生求职简历的自我评价
2013/10/14 职场文书
临床医学系毕业生推荐信
2013/11/09 职场文书
课例研修方案
2014/05/31 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
田径运动会通讯稿
2015/07/18 职场文书
《去年的树》教学反思
2016/02/18 职场文书
Python采集股票数据并制作可视化柱状图
2022/04/04 Python