用js控制按钮事件,将指定内容添加到文本域的光标所在位置。
2014-08-03 13:42
495 查看
<pre class="javascript" name="code">
var fm = document.getElementsByTagName('form')[0];
var button = document.getElementsByName("button");
var textcontent = document.getElementById('textcontent');
//获取一个cookie的值 function getCookie(index){ var allcookies = document.cookie; var cookie_pos = allcookies.indexOf(index); if (cookie_pos != -1){ cookie_pos += index.length + 1; var cookie_end = allcookies.indexOf(";",cookie_pos); if (cookie_end == -1){ cookie_end = allcookies.length; } var value = unescape(allcookies.substring(cookie_pos, cookie_end)); } return value; } //获取文本中的光标位置 function getCursortPosition (ctrl) { var CaretPos = 0; // IE Support if (document.selection) { ctrl.focus (); var Sel = document.selection.createRange (); Sel.moveStart ('character', -ctrl.value.length); CaretPos = Sel.text.length; } else if (ctrl.selectionStart || ctrl.selectionStart == '0') CaretPos = ctrl.selectionStart; return (CaretPos); }
//获取文本光标位置并设置一个cookie来存储光标时时变动的位置的函数 var textpos = 0; textcontent.onclick = function(){ textpos = getCursortPosition (textcontent); document.cookie="textpos="+textpos; textpos = getCookie("textpos"); } //字符串的写入函数 function content(string){ s = textcontent.value; fm.content.value = s.substring(0,getCookie("textpos"))+string+s.substring(getCookie("textpos")); }
<pre class="php" name="code"> //点击按钮向表单中的文本域的光标处添加内容 button[0].onclick = function(){ content(''); }
相关文章推荐
- js实现在光标的位置 添加内容
- JS插入今明日期文本到指定光标位置
- js 获得光标所在的文本框(text/textarea)中的位置
- js练习之事件切换图片和控制css样式以及指定页面滚动位置
- 事件监听机制——列出指定目录内容、添加Dialog对话框
- JS在可编辑的div中的光标位置插入内容的方法
- 点击框架结构左侧内容后,添加到右边指定的文本域中的JS代码
- 获取文本域中的光标所在的位置
- 光标指定位置添加字符,适用于普通textbox ,textarea,不适用于文本编辑器插件
- JS事件调试 - 查找HTML元素绑定的事件以及绑定代码所在位置
- js获得光标所在的文本框(text/textarea)中的位置
- python 将一个文件中内容添加到另一个文件指定位置
- js如何监听滚动条滚动事件,使得某个标签内容始终位于同一位置
- JS事件调试 - 查找HTML元素绑定的事件以及绑定代码所在位置
- js实现textarea中光标位置插入你想要插入的内容
- jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
- js定位光标到输入框指定位置
- 往光标所在位置插入值的js代码
- js当前鼠标插入内容及指定当前鼠标位置
- 在指定位置插入内容 JS