javascript 网页编辑框及拖拽图片的问题
导读：收集整理的这篇文章主要介绍了javascript 网页编辑框及拖拽图片的问题，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码 代码如下: function keyPress(...
收集整理的这篇文章主要介绍了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
您可能感兴趣的文章:
- JavaScript实现图片的放大缩小及拖拽功能示例
- 原生JS实现拖拽图片效果
- js实现使用鼠标拖拽切换图片的方法
- JS HTML5拖拽上传图片预览
- js实现拖拽上传图片功能
- js实现图片放大和拖拽特效代码分享
- JS实现简易的图片拖拽排序实例代码
- js css3实现图片拖拽效果
- JavaScript实现文字与图片拖拽效果的方法
- 原生JS实现拖拽照片墙
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： javascript 网页编辑框及拖拽图片的问题
本文地址： https://pptw.com/jishu/608232.html