ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryはtextarea_jqueryの指定位置に文字や式を挿入するメソッドを実装します。

jQueryはtextarea_jqueryの指定位置に文字や式を挿入するメソッドを実装します。

WBOY
リリース: 2016-05-16 16:10:09
オリジナル
1541 人が閲覧しました

この記事の例では、jQuery がテキストエリア内の指定された位置に文字または式を挿入する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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();
}
その他
If ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
varscrollTop = $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("New Emoticon") ;

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート