如何实现textarea光标定位
我现在编写了一个js函数，目的是给textarea添加一些内容，希望同时将光标定位到文字的末尾，该怎么办呢？很多人用到了createTextRange()函数，但是这个函数在chrome浏览器下无法使用，求大神们帮忙解决啊
event.srcElement.setSelectionRange(
文字长度,文字长度);用javascirpt在&TEXTAREA&中插入元素（光标位置）,大家看看！－虚拟主机资讯|虚拟主机动态
产品服务快速通道
----------------
==域名注册==
英文域名注册
中文域名注册
==网站推广==
==虚拟主机==
----------------
双线路虚拟主机
基本型虚拟主机
商用型虚拟主机
论坛型虚拟主机
功能型虚拟主机
Vip合租虚拟主机
虚拟主机性能对比
虚拟主机免费试用
机房速度测试
----------------
==租用托管==
服务器租用
----------------
==企业邮局==
购买企业邮局
----------------
==付款方式==
----------------
==联系我们==
您当前位置：->-> ->
用javascirpt在&TEXTAREA&中插入元素（光标位置）,大家看看！
作者：网友供稿
　　西部数码-全国虚拟主机10强！20余项管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金!
文章页数：&
&head&&&&&
&script&&&&&
function storecaret (textel) {
if (textel.createtextrange)
textel.caretpos = document.selection.createrange().duplicate();&&&&
function insertatcaret (textel, text) {
if (textel.createtextrange && textel.caretpos) {
var caretpos = textel.
caretpos.text =caretpos.text.charat(caretpos.text.length - 1) ==
else&&&&&&&&
textel.value&&=
&/script&&&&&
&/head&&&&&
&body&&&&&
&form name=&aform&&
&textarea name=&atextarea& rows=&5& cols=&80& wrap=&soft&&&onselect=&storecaret(this);& onclick=&storecaret(this);& onkeyup=&storecaret(this);&&&&这是例子，你可以在这里添加文字、插入文字。 &/textarea&&&&&
&input type=&text& name=&atext& size=&80& value=&我要在光标处插入这些文字&&&br&
&input type=&button& value=&我要在光标处插入上面文本框里输入的文字！&&&onclick=&insertatcaret(this.form.atextarea, this.form.atext.value);&&
文章整理：西部数码--专业提供、服务
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
文章页数：&
??????????
??????????
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。
版权所有 西部数码()
CopyRight (c) 2002~ all right reserved.
公司地址：四川省成都市金牛区一环路北一段99号环球广场24楼　邮编：610031
电话总机：028-08 38
售前咨询：总机转201 202 203 204 206 208
售后服务：总机转211 212 213 214
财务咨询：总机转224 223 传真：028- 财务QQ：
售前咨询QQ：2182518
售后服务QQ：在textarea光标处插入文字
在网上看了很多用js在光标处插入文字的代码，很多都没有用，护抄而已，浪费时间。最近用到一个新方法，可以到达这个需求。IE支持document.selection，Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd属性。
&欢迎访问www.nowamagic.net
代码如下：
function insertText(obj,str) {
if (document.selection) {
var sel = document.selection.createRange();
sel.text =
} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
var startPos = obj.selectionStart,
endPos = obj.selectionEnd,
cursorPos = startPos,
tmpStr = obj.
obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
cursorPos += str.
obj.selectionStart = obj.selectionEnd = cursorP
obj.value +=
function moveEnd(obj){
obj.focus();
var len = obj.value.
if (document.selection) {
var sel = obj.createTextRange();
sel.moveStart('character',len);
sel.collapse();
sel.select();
} else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {
obj.selectionStart = obj.selectionEnd =
随机文章推荐
(44) (105) (232) (53) (34) (314) (39) (35) (21) (4) (1) (9) (14) (56) (66) (1) (160) (27) (57) (31) (77) (31) (12) (7) (18) (61)
注：如需转载本文，请注明出处（原文链接），谢谢。更多精彩内容，请进入首页。
你也许还会对以下文章感兴趣
喜欢本文，就分享它吧
您的名字：
您的邮件：
您的网站：
copyright (C) 2009 简明现代魔法 && 学习、分享、进步
power by Gonn 感谢所有关心和支持本站的朋友们function&insertText(obj,str)
&&&&if&(document.selection)
&&&&&&&&var&sel
= document.selection.createRange();
&&&&&&&&sel.text
&&&&}&else&if&(typeof&obj.selectionStart
===&'number'&&&&typeofobj.selectionEnd
===&'number')
&&&&&&&&var&startPos
= obj.selectionStart,
&&&&&&&&&&&&endPos
= obj.selectionEnd,
&&&&&&&&&&&&cursorPos
= startPos,
&&&&&&&&&&&&tmpStr
&&&&&&&&obj.value
= tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
&&&&&&&&cursorPos
+= str.
&&&&&&&&obj.selectionStart
= obj.selectionEnd = cursorP
&&&&}&else&{
&&&&&&&&obj.value
function&moveEnd(obj){
&&&&obj.focus();
&&&&var&len
= obj.value.
&&&&if&(document.selection)
&&&&&&&&var&sel
= obj.createTextRange();
&&&&&&&&sel.moveStart('character',len);
&&&&&&&&sel.collapse();
&&&&&&&&sel.select();
&&&&}&else&if&(typeof&obj.selectionStart
==&'number'&&&&typeofobj.selectionEnd
==&'number')
&&&&&&&&obj.selectionStart
= obj.selectionEnd =
转载随意，但请带上本文地址：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：802221次
积分：7364
积分：7364
排名：第2993名
转载：488篇
评论：36条
(1)(2)(2)(5)(11)(5)(9)(2)(8)(7)(17)(14)(16)(6)(23)(16)(34)(32)(37)(19)(2)(10)(1)(3)(2)(15)(18)(31)(9)(13)(6)(12)(18)(23)(22)(38)(1)搜索end -->
jQuery.curpos.js插件获textarea输入框下光标的位置
作者/代码整理：&&(转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：
效果描述：
记得做前端这一块，很多时候需要判断textarea输入框下的光标位置
比如要在输入的文档中插入一些表情符号，图片之类的，这个时候在插入文字之前，
就需要先判断光标的位置了。今天就特意给大家推荐这样一个小方法，已经集成为插件的形式
就不会有冲突的情况发生了
使用方法：
1、将head中的样式复制到你的样式表中
2、将body中的代码部分拷贝过去即可
猜你喜欢...