工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌

原创 2016年05月30日 15:58:55

jQuery方法

$.fn.insertText = function(text) {

    var obj = $(this)[0];
    var range, node;
    if (!obj.hasfocus) {
        obj.focus();
    }
    
    if (document.selection && document.selection.createRange) {
        this.focus();
        document.selection.createRange().pasteHTML(text);
        this.focus();
    } else if (window.getSelection && window.getSelection().getRangeAt) {
        range = window.getSelection().getRangeAt(0);
        range.collapse(false);
        node = range.createContextualFragment(text);
        var c = node.lastChild;
        range.insertNode(node);
        if (c) {
            range.setEndAfter(c);
            range.setStartAfter(c)
        }
        var j = window.getSelection();
        j.removeAllRanges();
        j.addRange(range);
        this.focus();
    }

}

用法:$("#div1").insertText("<br />");

多谢:http://www.jb51.net/article/57650.htm

可编辑div中如何在光标位置添加内容

之前做了一个可编辑div需要在里面插入内容,搜了好多代码,就这个能实现我的功能,记录一下,以备以后用 UMEDITOR 简单功能 UMEDI...
  • u011081244
  • u011081244
  • 2016年08月09日 10:43
  • 3376

JS在可编辑的div中的光标位置插入内容或表情

INSERTED');" /> function insertHtmlAtCaret(html) { var sel, range; if (window...
  • smartsmile2012
  • smartsmile2012
  • 2016年12月14日 17:04
  • 2303

[JQuery]往textarea中光标所在位置插入文本

http://www.jb51.net/article/68490.htm http://www.oschina.net/code/snippet_1780998_36843 ...
  • CrackLibby
  • CrackLibby
  • 2016年01月14日 17:44
  • 2567

jQuery 在光标定位的地方插入文字的插件

核心代码:  复制代码代码如下: (function($){  $.fn.extend({  "insert":function(value){  //默认参数  value=...
  • weixin_40914497
  • weixin_40914497
  • 2017年11月17日 11:10
  • 208

Jquery或者JavaScript实现在textarea光标处插入文本

1.Jquery函数实现: $(function() { /* 在textarea处插入文本--Start */ (function($) { $.fn .extend({ ...
  • niuox
  • niuox
  • 2012年02月16日 11:32
  • 5993

jQuery在textarea光标处插入文本

/** * @param $ * 自定义jQuery扩展方法, 在光标处插入内容 */ (function ($) { "use strict"; $.fn.extend({ ...
  • wzp6010625
  • wzp6010625
  • 2016年12月16日 17:41
  • 249

jquery 在textarea 指定 位置处 插入内容

Sliding Menu Effect (function($) {http://www.css88.com/archives/3627 $.fn.insertContent = ...
  • z69183787
  • z69183787
  • 2013年12月18日 12:45
  • 3970

JQuery在光标位置插入内容

1 (function($) { 2 $.fn.extend({ 3 insertAtCaret: function(myValue) { 4 v...
  • u013474436
  • u013474436
  • 2015年06月02日 23:27
  • 2395

jQuery插件 文本框、文本域 光标处插入代码

  • 2011年06月22日 01:05
  • 21KB
  • 下载

js实现在光标的位置 添加内容

原生js的方法: ? "utf-8"> 无标题文档         "text/javascript">   function...
  • xul2009
  • xul2009
  • 2013年09月11日 22:39
  • 904
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌
举报原因:
原因补充:

(最多只允许输入30个字)