网页编辑器中的换行Enter跨行问题解决方案

最新推荐文章于 2026-04-12 05:37:45 发布

转载最新推荐文章于 2026-04-12 05:37:45 发布 · 2.1k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种解决方案，用于解决微软HTML编辑控件（包括可编辑的iframe）中单击回车键时插入标签而非 的问题。通过使用JavaScript脚本，可以在用户按下回车键时实现文本换行，并确保光标的正确位置。

<DIV ID="a" contentEditable="true" style='border:1 solid black'>关于微软HTML编辑控件（也适用于可编辑的iframe）单击回车会插入<p>而不是<br>的解决方案</DIV> <p>
<div style='border:1 solid black' contentEditable="true">未经过脚本处理的编辑控件</div>
<script>
function a.onkeypress(){ 
if(event.keyCode==13){
var txtobj=document.selection.createRange()
txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n")//三目复合表达式,解决有被选文字时回车的光标定位问题
document.selection.createRange().select()
return false
}}
</script>

标签