往光标所在位置插入值的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>
相关推荐
-
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实现获取及设置光标位置的方法
本文实例讲述了Javascript实现获取及设置光标位置的方法.分享给大家供大家参考.具体如下: 在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE.Firefox.Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数. 1. 获取光标位置函数: function getCursortPosition (ctrl) { var CaretPos = 0; // IE
-
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在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
-
js获取光标位置和设置文本框光标位置示例代码
复制代码 代码如下: <script type="text/javascript"> function getTxt1CursorPosition(){ var oTxt1 = document.getElementById("txt1"); var cursurPosition=-1; if(oTxt1.selectionStart){//非IE浏览器
-
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
-
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获取当页面上鼠标光标位置和触发事件的对象的代码
用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实现的光标位置工具函数示例
本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto
-
用javascript获取textarea中的光标位置
对于写javascript写网页编辑器的人来说,获取textarea中的光标位置是一个非常重要的问题,而往往很多人在这个地方不知所措,找不到好的办法.昨天我在网上找到了一段javascript代码,本来不想把原版放在这里的,就是因为太精彩了,怕我给改坏了,所以还是原版放在这里吧. var start=0; var end=0; function add(){ var textBox = document.getElementById("ta"
随机推荐
- Delphi远程连接Mysql的实现方法
- jquery-easyui关闭tab自动切换到前一个tab
- Struts2学习笔记(1)-入门教程
- 优化 JavaScript 代码的方法小结
- JS+PHP实现用户输入数字后显示最大的值及所在位置
- 很棒的js选项卡切换效果
- PHP 将数组打乱 shuffle函数的用法及简单实例
- 解密ThinkPHP3.1.2版本之模块和操作映射
- Python常用时间操作总结【取得当前时间、时间函数、应用等】
- Python中生成Epoch的方法
- pc加载更多功能和移动端下拉刷新加载数据
- 简单实现Android计算器功能
- Android修改源码解决Alertdialog触摸对话框边缘消失的问题
- window.open()实现post传递参数
- 解析Javascript中中括号“[]”的多义性
- BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
- sqlserver中操作主从关系表的sql语句
- 新建一个MySQL数据库的简单教程
- jQuery点缩略图弹出层显示大图片
- C#使用FileSystemWatcher控件实现的文件监控功能示例