工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌
2016-05-30 15:58
525 查看
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
$.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
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 谷歌正式开始补偿Nexus 6P重启门和电池门用户:最高赔400美元
- 每日安全资讯:谷歌发现 G Suite 漏洞,部分密码明文存储长达十四年
- 每日安全资讯:命案侦破过程揭示 Google 能够跟踪全世界的手机
- 最后一次说说闭包
- Ajax
- $.ajax()方法详解