来源:自学PHP网 时间:2014-12-14 21:28 作者: 阅读:次
[导读] javascript 网页编辑框及拖拽图片的问题,需要的朋友可以参考下。...
复制代码 代码如下: 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);}; 复制代码 代码如下: <div id="iframeWrapper"> <iframe id="content" name="content" style="width:400;height:400;font-size:12px;border: solid 1px #ccc;" frameborder=0></iframe> </div> 获取代编辑框中内容的代码 复制代码 代码如下: window.frames["content"].document.body.innerHTML |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com