復制代碼 代碼如下:
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
您可能感興趣的文章:- JavaScript實現圖片的放大縮小及拖拽功能示例
- 原生JS實現拖拽圖片效果
- js實現使用鼠標拖拽切換圖片的方法
- JS HTML5拖拽上傳圖片預覽
- js實現拖拽上傳圖片功能
- js實現圖片放大和拖拽特效代碼分享
- JS實現簡易的圖片拖拽排序實例代碼
- js css3實現圖片拖拽效果
- JavaScript實現文字與圖片拖拽效果的方法
- 原生JS實現拖拽照片墻
