如何用JavaScript往可编辑div区域某div光标处插入图片表情js代码
feilong.org 修订于2018-04-30 05:19:12 927 次浏览如何用JavaScript往可编辑div区域某光标处插入图片表情？注意限定好范围，如果光标位置点击到不合适地方，不希望表情图片出现在那里。很尴尬。js代码
某div光标处插入图片表情js代码，飞龙js整理如下：飞龙提示： myField 是 js dom对象，不是jQuery对象。myvalue可以是文字也可以是图片。这正是表情图标所需要的。感谢万能的网络。有表情插件，可供学习。请联系飞龙。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
//往可编辑div区域某光标处插入图片表情 function a0InsertAtDivCaret(mydiv, mycnt) { console.log("dom feilong.org=", mydiv); console.log("image or txt mycnt=", mycnt); //IE if (document.selection) { mydiv.focus(); sel = document.selection.createRange(); sel.text = mycnt; sel.select(); } else if (mydiv.selectionStart || mydiv.selectionStart == "0") { var startPos = mydiv.selectionStart; var endPos = mydiv.selectionEnd; var restoreTop = mydiv.scrollTop; mydiv.innerHTML = mydiv.innerHTML.substring(0, startPos) + mycnt + mydiv.innerHTML.substring(endPos, mydiv.innerHTML.length); if (restoreTop > 0) { mydiv.scrollTop = restoreTop; } mydiv.focus(); mydiv.selectionStart = startPos + mycnt.length; mydiv.selectionEnd = startPos + mycnt.length; } else { mydiv.innerHTML += mycnt; mydiv.focus(); } }/*0.5*/ |
更新网址：https://feilong.org/how-javascript-in-editable-div-cursor-insert-smile-face-images
最初发布：20180430 05:19:12 feilong.org 于广州
加入收藏夹，查看更方便。
所在分类： 网站开发