营销型微信小程序_vue项目中在可修改div光标方位刺进内容的完成代码

2021-01-06

vue项目中在可编辑div光标位置插入内容的实现代码       这篇文章主要介绍了vue项目中在可编辑div光标位置插入内容的实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
var frag = document.createDocumentFragment(), node, lastNode; while ((node = el.firstChild)) { lastNode = frag.appendChild(node); range.insertNode(frag); if (lastNode) { range = range.cloneRange(); range.setStartAfter(lastNode); range.colla凡科抠图e(true); sel.removeAllRanges(); sel.addRange(range); } else if (document.selection document.selection.type != "Control") { // IE 9 document.selection.createRange().pasteHTML(html); //开始拖动可选字段 dragStart(event, name) { event = event || window.event; this.dragging = name; //str event.dataTransfer.setData(" ", " "); //for firefox //阻止默认事件 allowDrop(event) { let e = event || window.event; if (e e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; //拖动到指定位置并释放 dropRelease(event, nodeValueName) { event = event || window.event; event.preventDefault(); let textNode = document.createElement('input'); textNode.className = 'mg-lr5 enabledTag'; textNode.type = 'button'; textNode.value = this.dragging || nodeValueName; this.insertHtmlAtCaret(textNode); this.dragging = ''; },

总结

以上所述是小编给大家介绍的vue项目中在可编辑div光标位置插入内容的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!




扫描二维码分享到微信

在线咨询
联系电话

400-888-8866