工作笔记---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

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

http://www.jb51.net/article/68490.htm http://www.oschina.net/code/snippet_1780998_36843 ...

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

之前做了一个可编辑div需要在里面插入内容,搜了好多代码,就这个能实现我的功能,记录一下,以备以后用 UMEDITOR 简单功能 UMEDI...

在可编辑div中插入文字或图片的问题解决思路

最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片。因为web在线编辑器我从来只是用,基本不会去研究源代码。后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码。 ...
  • ldl_xz
  • ldl_xz
  • 2016年05月31日 22:34
  • 1559

JQuery在光标位置插入内容

1 (function($) { 2 $.fn.extend({ 3 insertAtCaret: function(myValue) { 4 v...

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

INSERTED');" /> function insertHtmlAtCaret(html) { var sel, range; if (window...

如何让点聚WebOffice在线编辑ActiveX插件兼容火狐、谷歌、IE各式浏览器

关于点聚的weboffice ActiveX插件的使用在IE下只需要安装对应weboffice.ocx插件即可实现在线文档编辑。对于非IE如谷歌、火狐浏览器来说就有些不同了的,如果想要兼容谷歌和火狐需...

纯js 编canvas处理图片, 涂鸦笔、画布图片内容旋转 放大缩小 裁剪框 。兼容ie9及以上 谷歌、360、火狐浏览器

新手发帖多多关照,主要是最近做的一个系统,网上资源多是多但是烦而杂,能利用上的实在是没有,该dome非常简单,主要功能为 涂鸦笔、画布图片内容旋转 放大缩小  裁剪框 外加一个打印功能。关键代码均用红...

(亲测兼容360、IE、谷歌、火狐等浏览器)鼠标悬停显示页面被截取字段的全部内容

title.js如下(需在页面引入)  var pltsPop=null;  var pltsoffsetX = 12; // 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适  var ...
  • jinrizk
  • jinrizk
  • 2014年09月16日 15:57
  • 398

jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器

最近做了一个文件上传 用ajaxfileupload.js 在火狐 谷歌 IE9及以上版本可用  为了兼容IE8  找到了jquery-form.js html 代码:            ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌
举报原因:
原因补充:

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