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 获取/设置光标位置,兼容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在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获取textarea中的光标位置
对于写javascript写网页编辑器的人来说,获取textarea中的光标位置是一个非常重要的问题,而往往很多人在这个地方不知所措,找不到好的办法.昨天我在网上找到了一段javascript代码,本来不想把原版放在这里的,就是因为太精彩了,怕我给改坏了,所以还是原版放在这里吧. var start=0; var end=0; function add(){ var textBox = document.getElementById("ta"
-
用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中的光标位置
-
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获得光标所在的文本框(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实现的光标位置工具函数示例
本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto
-
往光标所在位置插入值的js代码
复制代码 代码如下: <pre name="code" class="javascript">/** *往输入域中插入字符串(光标所在位置) *@param $t document.getElementById('fieldId') *@param myValue 要插入的值 ** function addSplitToField($t,myValue){ if (document.selection) { $t.focus(); sel = docum
随机推荐
- vmware虚拟机NAT配置静态IP教程详解
- Jquery easyui 实现动态树
- Linux常用命令last的使用方法详解
- 实现Java删除一个集合的多个元素
- iOS App开发中Core Data框架基本的数据管理功能小结
- Java进阶:Struts多模块的技巧
- navicat 8 创建数据库与创建用户分配权限图文方法
- 详解docker容器硬盘动态扩容
- JQuery Tips(3) 关于$()包装集内元素的改变
- 详解基于java的Socket聊天程序——初始设计(附demo)
- JS无缝滚动效果实现方法分析
- SQLServer分布式事务问题
- C#清除WebBrowser中Cookie缓存的方法
- Django框架基础模板标签与filter使用方法详解
- vue给组件传递不同的值方法
- Spring Boot Admin实践详解
- Java访问权限原理与用法详解
- python高阶函数map()和reduce()实例解析
- 详解C# Protobuf如何做到0分配内存的序列化
- python3+opencv 使用灰度直方图来判断图片的亮暗操作