源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript 网页编辑框及拖拽图片的问题

  • 时间:2020-04-02 01:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript 网页编辑框及拖拽图片的问题
[u]复制代码[/u] 代码如下:
function keyPress(ev){ if(ev.keyCode==13){ //在光标所在处创建一个区域. var range=document.selection.createRange(); //将区域的内容设置成为换行符. range.text="\n"; //将区域的起始点向右移动一个字符的长度. range.moveStart("character", 1); //将光标移动到区域的结尾.(若为false则是移动到起始位置). range.collapse(true); //由于上面的一系列操作,使得区域的位置处在了\n之后,所以再次选择时,光标就到了新一行的结尾.完成换行. range.select(); //使事件失效 return false; } return true; } // 初始化可编辑的iframe content.document.designMode="on"; content.document.onkeypress=function(){return keyPress(content.event);};
[u]复制代码[/u] 代码如下:
<div id="iframeWrapper"> <iframe id="content" name="content" style="width:400;height:400;font-size:12px;border: solid 1px #ccc;" frameborder=0></iframe> </div>
获取代编辑框中内容的代码
[u]复制代码[/u] 代码如下:
window.frames["content"].document.body.innerHTML
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部