1. 程式人生 > >jQuery在textarea游標處插入文字

jQuery在textarea游標處插入文字

/**
 * @param $
 * 自定義jQuery擴充套件方法, 在游標處插入內容
 */
(function ($) {
	"use strict";
    $.fn.extend({
        insertAtCaret : function (myValue) {
            var $t = $(this)[0];
            if (document.selection) {
                this.focus();
                var 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);

相關推薦

jQuery在textarea游標插入文字

/** * @param $ * 自定義jQuery擴充套件方法, 在游標處插入內容 */ (function ($) { "use strict"; $.fn.extend({ insertAtCaret : function (myVal

JQ在光標插入文字

reat pre 擴展方法 cti 下標 string post tex xtend 內容轉載自網絡這是一個JQ的擴展方法。在teatarea獲得焦點時,往光標處插入文字,擴展代碼如下 (function($){ $.fn.extend({

在頁面游標插入指定字串的具體實現,可直接引用

//方法一:在游標處插入指定字串的具體實現 function insertAtCursor1(myValue) { var myField = document.getElementById('ruleConfig'); //IE 瀏覽器 if (document.se

js 在游標插入內容

<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> </head>   <body> <sc

javascript控制在游標位置插入文字

<span style="font-size:18px;"><html> <head> <script type='text/javas

JavaScript從剪下板中獲取圖片並在游標插入

edit_content_text.addEventListener('paste', function (ev) {    var clipboardData, items, item;    console.log(ev.clipboardData.items[0].type)    if (ev &am

實用jquery擴充套件收集(1):在游標插入內容 和 獲取textarea選中的值

1 $.fn.selection = function(){ 2 var s,e,range,stored_range; 3 if(this[0].selectionStart == undefined){ 4 var selection=do

vue.js右鍵點選事件+在游標停靠位置插入文字

直接在需要右鍵效果的新增 @contextmenu.prevent='function' function寫自己的程式碼 另外,專案中用到在游標停靠位置插入文字的功能,一併描述一下 insertShort(index) { this.contextmenuShow = fal

在ueditor編輯器的游標停留插入內容

業務場景:       首先在ueditor編輯器中插入一段文字,然後我想在文字的某個位置(游標停留處)插入一個字串,這個字串是從頁面的其他地方選擇得來的。       注意,當我們點選ueditor編輯器以外的地方,編輯器會失去焦點,此時,我們會看不到編輯器編輯時閃爍的游

前端實現文字框在游標插入圖片

為解決這個問題,我們需要先整理一下步驟: 1、從剪貼簿中讀出圖片 2、將圖片轉為base64編碼 3、將圖片存入游標的位置 1、(1)我們可以通過設定div監聽paste事件 document.querySelector('#ed

可編輯div 插入表情後,游標定位在文字末尾

將可編輯div作為聊天輸入框,插入表情時,游標始終在表情前面,於是在網上找了一些程式碼,現總結如下: <div id="message_text" contenteditable="true"></div> 可編輯div fun

向html編輯器游標所在插入圖片

<textarea id="content" name="content" style="display:none"></textarea> <iframe id="myEditor" src="Edit/editor.htm?id=conte

[JQuery]往textarea中游標所在位置插入文字

<html> <head> <script src="jquery-1.8.1.min.js"></script> <script > $(function() { /* 在textarea處插入文字--S

js在光標插入內容

文本 doc 需要 位置 nod 是否 fin () 場景 //場景一 簡易的頁面可以這樣寫var range = window.getSelection().getRangeAt(0);range.insertNode(document.createTextNode("

EditText在光標插入字符

AD lec ins 快捷 ets 快捷鍵 case ase ret 寫MarkDown編譯器的快捷鍵時碰到的常見但又不太好想的問題 通用代碼 //獲取光標位置 private int getEditTextCursorIndex(EditText editText

利用sed命令插入文字

在b.txt的第2行之前插入“xxx”     sed '2 i/xxx' b.txt   在b.txt的第2行之後插入“xxx”      

有n個整數,指定位置m插入g個值(用指標和函式)

#include <stdio.h> void main() {     void move(int *p,int *s,int n,int m,int g);  int a[30],b[20];     i

奇技淫巧——在textarea中插入文字

本文首發我的簡書 今天在看自己的記錄時發現在幾個月前的一個專案中碰到一個這樣的需求:做一些簡單的計算按鈕,點選這些按鈕之後就在後面的輸入框中顯示對應的計算方法,對於一些函式類的計算方法需要將游標定位在括號裡面,效果如下圖: 當時也是第一次碰到這種需求,我搜集了網路

winform嵌入Word並根據游標執行插入操作

    引用dsoFramer.ocx(並放入system32),先管理員執行cmd註冊regsvr32 dsoframer.ocx(64位放入SysWow64) using Words = Microsoft.Office.Interop.Word; privat

如何給pdf插入文字

相信有許多朋友都不太瞭解pdf這一文字格式,甚至有不少的朋友都沒有聽說過pdf檔案,但pdf檔案因為其優秀的顯示效果而被越來越多的公司所使用。所以今天小編想給大家介紹一下什麼是pdf以及如何給pdf插入文字。操作軟體:PDF編輯軟體軟體地址:http://www.onlinedown.net/soft/117