Jquery在光标位置插入内容
2011-01-14 20:06
381 查看
IE下可以通过document.selection.createRange();来实现,而Firefox(火狐)浏览器则 需要首先获取光标位置,然后对value进行字符串截取处理
使用方法:
转自http://www.popo4j.com/article/Jquery-insert-content-at-the-cursor-position.html
( function ($){ |
02 | $.fn.extend({ |
03 | insertAtCaret: function (myValue){ |
04 | var $t=$( this )[0]; |
05 | if (document.selection) { |
06 | this .focus(); |
07 | sel = document.selection.createRange(); |
08 | sel.text = myValue; |
09 | this .focus(); |
10 | } |
11 | else |
12 | if ($t.selectionStart || $t.selectionStart == '0' ) { |
13 | var startPos = $t.selectionStart; |
14 | var endPos = $t.selectionEnd; |
15 | var scrollTop = $t.scrollTop; |
16 | $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length); |
17 | this .focus(); |
18 | $t.selectionStart = startPos + myValue.length; |
19 | $t.selectionEnd = startPos + myValue.length; |
20 | $t.scrollTop = scrollTop; |
21 | } |
22 | else { |
23 | this .value += myValue; |
24 | this .focus(); |
25 | } |
26 | } |
27 | }) |
28 | })(jQuery); |
1 | $(selector).insertAtCaret( "value" ); |
相关文章推荐
- jQuery 输入框 在光标位置插入内容/选中
- JQuery在光标位置插入内容
- 【jQuery插件】insertContent-在文本框光标位置插入内容并选中
- 自定义insertContent方法的JQuery插件实现在文本框光标位置插入内容并选中
- jQuery 输入框 在光标位置插入内容, 并选中
- JQuery在光标位置插入内容
- JQuery在光标位置插入内容的实现代码
- 【jQuery插件】insertContent-在文本框光标位置插入内容并选中
- 基于jQuery的输入框在光标位置插入内容, 并选中
- jQuery在光标位置插入内容
- jquery实现在光标位置插入内容的方法
- JQuery在光标位置插入内容
- jquery实现在光标位置插入内容的方法
- 在光标位置插入内容的jquery实现方式
- JQuery在光标位置插入内容
- JQuery在光标位置插入内容的实现代码
- JQuery在光标位置插入内容
- 可编辑的DIV(兼容IE8)以及插入内容到光标位置