实用jquery扩展收集(1):在光标处插入内容 和 获取textarea选中的值

(1):在光标处插入值

 1 $.fn.extend({
 2         insertAtCursor : function(myValue) {
 3             var $t = $(this)[0];
 4             if (document.selection) {
 5                 this.focus();
 6                 sel = document.selection.createRange();
 7                 sel.text = myValue;
 8                 this.focus();
 9             } else if ($t.selectionStart || $t.selectionStart == '0') {
10                 var startPos = $t.selectionStart;
11                 var endPos = $t.selectionEnd;
12                 var scrollTop = $t.scrollTop;
13                 $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
14                 this.focus();
15                 $t.selectionStart = startPos + myValue.length;
16                 $t.selectionEnd = startPos + myValue.length;
17                 $t.scrollTop = scrollTop;
18             } else {
19                 this.value += myValue;
20                 this.focus();
21             }
22         }
23     });

(2):获取textarea选中的值

 1 $.fn.selection = function(){
 2         var s,e,range,stored_range;
 3         if(this[0].selectionStart == undefined){
 4             var selection=document.selection;
 5             if (this[0].tagName.toLowerCase() != "textarea") {
 6                 var val = this.val();
 7                 range = selection.createRange().duplicate();
 8                 range.moveEnd("character", val.length);
 9                 s = (range.text == "" ? val.length:val.lastIndexOf(range.text));
10                 range = selection.createRange().duplicate();
11                 range.moveStart("character", -val.length);
12                 e = range.text.length;
13             }else {
14                 range = selection.createRange(),
15                 stored_range = range.duplicate();
16                 stored_range.moveToElementText(this[0]);
17                 stored_range.setEndPoint('EndToEnd', range);
18                 s = stored_range.text.length - range.text.length;
19                 e = s + range.text.length;
20             }
21         }else{
22             s=this[0].selectionStart,
23             e=this[0].selectionEnd;
24         }
25         var te=this[0].value.substring(s,e);
26         return {start:s,end:e,text:te};
27     };

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用以下的 jQuery 代码来实现你所描述的功能: ```javascript $(document).ready(function() { // 获取 textarea 元素和最大长度 var textarea = $('textarea'); var maxLength = parseInt(textarea.attr('maxlength')); // 监听粘贴事件 textarea.on('paste', function(e) { e.preventDefault(); // 取消默认粘贴行为 // 获取粘贴板内容理 var text = (e.originalEvent || e).clipboardData.getData('text/plain'); var currentLength = textarea.val().length; var selectedText = textarea.val().substring(textarea[0].selectionStart, textarea[0].selectionEnd); var beforeText = textarea.val().substring(0, textarea[0].selectionStart); var afterText = textarea.val().substring(textarea[0].selectionEnd); // 如果粘贴内容加上已有内容长度超出最大长度,则取消粘贴 if (currentLength + text.length - selectedText.length > maxLength) { return false; } // 否则从光标继续粘贴 textarea.val(beforeText + text + afterText); textarea[0].setSelectionRange(beforeText.length + text.length, beforeText.length + text.length); }); }); ``` 上述代码中,我们首先获取textarea 元素和最大长度,并且监听了 textarea 的粘贴事件。在粘贴事件发生时,我们首先取消了默认的粘贴行为,然后获取了粘贴板的内容以及选择的文本、光标前后的文本。接着,我们判断了粘贴内容加上已有内容长度是否超出最大长度的限制,如果超出则取消粘贴,否则将粘贴内容光标继续粘贴。最后,我们使用 `setSelectionRange` 方法将光标定位在粘贴内容的末尾。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值