往光标所在位置插入值的js代码
<pre name="code" class="javascript">/**
*往输入域中插入字符串(光标所在位置)
*@param $t document.getElementById('fieldId')
*@param myValue 要插入的值
**
function addSplitToField($t,myValue){
if (document.selection) {
$t.focus();
sel = document.selection.createRange();
sel.text = myValue;
$t.focus();
}else if($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + myValue.length;
$t.scrollTop = scrollTop;
}else{
$t.value += myValue;
$t.focus();
}
}
</pre><br><br>
相关推荐
-
js实现的光标位置工具函数示例
本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto
-
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
-
textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
更简单的在光标处插入文字 先在本文框中点鼠标以确定光标位置. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 需要注意的是document.selection.createRange是IE独有的 而firefox也有独有的一套 复制代码 代码如下: var $obj = document.getElementById("words"); var selstart = $obj.selectionStart; //文字浮标选择的开始位置 var selend = $obj.s
-
用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在可编辑的div中的光标位置插入内容的方法
本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 复制代码 代码如下: <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了. 不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置
-
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获取光标位置和设置文本框光标位置示例代码
复制代码 代码如下: <script type="text/javascript"> function getTxt1CursorPosition(){ var oTxt1 = document.getElementById("txt1"); var cursurPosition=-1; if(oTxt1.selectionStart){//非IE浏览器
-
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.
-
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
随机推荐
- 测试模式 - XSL教程 - 5
- hta实现的二进制文件转换为文本
- SQL Server性能调优之缓存
- oracle 11g RAC 常用命令整理分享
- 关闭nginx空主机头 防止nginx空主机头及恶意域名指向
- 深入浅析PHP7.0新特征(五大新特征)
- 在Python中处理列表之reverse()方法的使用教程
- Python选择排序、冒泡排序、合并排序代码实例
- 一个基于flask的web应用诞生 组织结构调整(7)
- Python操作使用MySQL数据库的实例代码
- Android系统进程间通信(IPC)机制Binder中的Client获得Server远程接口过程源代码分析
- SQL Server高级内容之子查询和表链接概述及使用
- jQuery 添加样式属性的优先级别方法(推荐)
- JavaScript函数中的this四种绑定形式
- 基于bootstrap实现bootstrap中文网巨幕效果
- dedecms函数分享之获取某一栏目所有子栏目
- 详解Java多线程编程中LockSupport类的线程阻塞用法
- JAVA实现 springMVC方式的微信接入、实现消息自动回复实例
- python实现的AES双向对称加密解密与用法分析
- CommunityServer又称CS论坛的相关学习资料