復(fù)制代碼 代碼如下:
function keyPress(ev){
if(ev.keyCode==13){
//在光標(biāo)所在處創(chuàng)建一個(gè)區(qū)域.
var range=document.selection.createRange();
//將區(qū)域的內(nèi)容設(shè)置成為換行符.
range.text="\n";
//將區(qū)域的起始點(diǎn)向右移動(dòng)一個(gè)字符的長(zhǎng)度.
range.moveStart("character", 1);
//將光標(biāo)移動(dòng)到區(qū)域的結(jié)尾.(若為false則是移動(dòng)到起始位置).
range.collapse(true);
//由于上面的一系列操作,使得區(qū)域的位置處在了\n之后,所以再次選擇時(shí),光標(biāo)就到了新一行的結(jié)尾.完成換行.
range.select();
//使事件失效
return false;
}
return true;
}
// 初始化可編輯的iframe
content.document.designMode="on";
content.document.onkeypress=function(){return keyPress(content.event);};
復(fù)制代碼 代碼如下:
div id="iframeWrapper">
iframe id="content" name="content" style="width:400;height:400;font-size:12px;border: solid 1px #ccc;" frameborder=0>/iframe>
/div>
獲取代編輯框中內(nèi)容的代碼
復(fù)制代碼 代碼如下:
window.frames["content"].document.body.innerHTML
您可能感興趣的文章:- JavaScript實(shí)現(xiàn)圖片的放大縮小及拖拽功能示例
- 原生JS實(shí)現(xiàn)拖拽圖片效果
- js實(shí)現(xiàn)使用鼠標(biāo)拖拽切換圖片的方法
- JS HTML5拖拽上傳圖片預(yù)覽
- js實(shí)現(xiàn)拖拽上傳圖片功能
- js實(shí)現(xiàn)圖片放大和拖拽特效代碼分享
- JS實(shí)現(xiàn)簡(jiǎn)易的圖片拖拽排序?qū)嵗a
- js css3實(shí)現(xiàn)圖片拖拽效果
- JavaScript實(shí)現(xiàn)文字與圖片拖拽效果的方法
- 原生JS實(shí)現(xiàn)拖拽照片墻
