textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
更简单的在光标处插入文字
先在本文框中点鼠标以确定光标位置。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
需要注意的是
document.selection.createRange是IE独有的
而firefox也有独有的一套
代码如下:
var $obj = document.getElementById("words");
var selstart = $obj.selectionStart; //文字浮标选择的开始位置
var selend = $obj.selectionEnd; //文字浮标选择的结束位置
相关推荐
-
用javascript获取textarea中的光标位置
对于写javascript写网页编辑器的人来说,获取textarea中的光标位置是一个非常重要的问题,而往往很多人在这个地方不知所措,找不到好的办法.昨天我在网上找到了一段javascript代码,本来不想把原版放在这里的,就是因为太精彩了,怕我给改坏了,所以还是原版放在这里吧. var start=0; var end=0; function add(){ var textBox = document.getElementById("ta"
-
Javascript实现获取及设置光标位置的方法
本文实例讲述了Javascript实现获取及设置光标位置的方法.分享给大家供大家参考.具体如下: 在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE.Firefox.Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数. 1. 获取光标位置函数: function getCursortPosition (ctrl) { var CaretPos = 0; // IE
-
javascript控制在光标位置插入文字适合表情的插入
直接上代码吧,用js控制在光标位置插入. 在实现表情的插入时用到了. 复制代码 代码如下: <span style="font-size:18px;"><html> <head> <script type='text/javascript'> function test(str){ var tc = document.getElementById("mytextarea"); var tclen = tc.value.
-
JavaScript 获取/设置光标位置,兼容Input&&TextArea
JavaScript 获取/设置光标位置,兼容Input&&TextArea. body { margin: 32px; font-family: Verdana, sans-serif; font-size: 13px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } .input { width: 50%; font-family: Verdana, sans-serif; font-size: 13px
-
js实现的光标位置工具函数示例
本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto
-
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
用javascript获取鼠标位置: 复制代码 代码如下: function mousePosition(ev) { if (ev.pageX || ev.pageY) { return { x: ev.pageX, y: ev.pageY }; } return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - docu
-
js获取光标位置和设置文本框光标位置示例代码
复制代码 代码如下: <script type="text/javascript"> function getTxt1CursorPosition(){ var oTxt1 = document.getElementById("txt1"); var cursurPosition=-1; if(oTxt1.selectionStart){//非IE浏览器
-
JS在可编辑的div中的光标位置插入内容的方法
本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 复制代码 代码如下: <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了. 不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置
-
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
=IE支持document.selection =Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性 复制代码 代码如下: function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; } else if (typeof obj.selectionStart
-
javascript获得光标所在的文本框(text/textarea)中的位置
js获得光标所在的文本框(text/textarea)中的位置 function getPosition(obj){ var result = 0; if(obj.selectionStart){ //IE以外 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "textarea"){ //TEXTAREA rng = event.srcElement.createTextRange(); rng.mo
-
往光标所在位置插入值的js代码
复制代码 代码如下: <pre name="code" class="javascript">/** *往输入域中插入字符串(光标所在位置) *@param $t document.getElementById('fieldId') *@param myValue 要插入的值 ** function addSplitToField($t,myValue){ if (document.selection) { $t.focus(); sel = docum
随机推荐
- js在ie下打开对话窗口的方法小结
- 批处理编程- -介绍
- mssql2005字符串连接方法 避免无效的连接错误
- 2000与XP网络登录差异对比
- JavaScript数组对象实现增加一个返回随机元素的方法
- PHP处理大量表单字段的便捷方法
- SQL执行步骤的具体分析
- php定时计划任务的实现方法详解
- JSONP跨域的原理解析及其实现介绍
- jquery实现在网页指定区域显示自定义右键菜单效果
- winform获取当前名称实例汇总
- Java 处理图片与base64 编码的相互转换的示例
- sqlserver中遍历字符串的sql语句
- (C和指针) #if 0/#if 1...#end if
- jQuery调用RESTful WCF示例代码(GET方法/POST方法)
- JavaScript 时分秒时间代码(自动补零)
- 史上最牛的WINDOWS系统文件详解第1/3页
- 介绍 IIS 7.5 的应用程序池与新增的「虚拟帐户」特性
- Android用过TextView实现跑马灯效果的示例
- python使用xauth方式登录饭否网然后发消息