jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法
更新時間:2015年03月11日 14:50:25 作者:黃平俊
這篇文章主要介紹了jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法,實例分析了jQuery操作表單元素的技巧,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
1. 函數定義
復制代碼 代碼如下:
(function($){
$.fn.extend({
insertAtCaret: function(myValue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.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 {
this.value += myValue;
this.focus();
}
}
})
})(jQuery);
$.fn.extend({
insertAtCaret: function(myValue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.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 {
this.value += myValue;
this.focus();
}
}
})
})(jQuery);
2. 調用方法
復制代碼 代碼如下:
$("#textareaId").insertAtCaret("新表情");
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
- Vue中正確使用jQuery的方法
- jquery在vue腳手架中的使用方式示例
- vue單頁應用中如何使用jquery的方法示例
- 詳解如何在 vue 項目里正確地引用 jquery 和 jquery-ui的插件
- vue中如何引入jQuery和Bootstrap
- jQuery實現(xiàn)將div中滾動條滾動到指定位置的方法
- js,jquery滾動/跳轉頁面到指定位置的實現(xiàn)思路
- 基于jquery的從一個頁面跳轉到另一個頁面的指定位置的實現(xiàn)代碼(帶平滑移動的效果)
- JQuery簡單實現(xiàn)錨點鏈接的平滑滾動
- jQuery實現(xiàn)平滑滾動到指定錨點的方法
- 使用jquery animate創(chuàng)建平滑滾動效果(可以是到頂部、到底部或指定地方)
- jQuery 錨點跳轉滾動條平滑滾動一句話代碼
- Vue引入jquery實現(xiàn)平滑滾動到指定位置
相關文章
jQuery在IE下使用未閉合的xml代碼創(chuàng)建元素時的Bug介紹
這個偏門Bug是我在更新phZoom 1.29后發(fā)現(xiàn)的, 我先將之重現(xiàn)一下2012-01-01