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获取时间(本周、本季度、本月..)
Nov 22 Javascript
使用js显示当前时间示例
Mar 02 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
Google 地图获取API Key详细教程
Aug 06 Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 Javascript
fetch 如何实现请求数据
Dec 20 Javascript
three.js实现圆柱体
Dec 30 Javascript
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
功能完善的小程序日历组件的实现
Mar 31 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP中文竖排转换实现方法
2015/10/23 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
js onload事件不起作用示例分析
2013/10/09 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
2015/08/06 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
Python实现栈的方法
2015/05/26 Python
Python爬虫代理IP池实现方法
2017/01/05 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python 构造三维全零数组的方法
2018/11/12 Python
python实现读取excel文件中所有sheet操作示例
2019/08/09 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
基于python实现复制文件并重命名
2020/09/16 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
物业保安主管岗位职责
2013/12/25 职场文书
房地产销售计划书
2014/01/10 职场文书
初一生物教学反思
2014/01/18 职场文书
教研处工作方案
2014/05/26 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
幼儿园开学通知
2015/04/24 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
Python基础之函数嵌套知识总结
2021/05/23 Python