欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-16 19:48:57
复制代码 代码如下: function keypress(ev){ if(ev.keycode==13){ //在光标所在处创建一个区域. var range=docume...
复制代码 代码如下:

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