韦德国际1946英国 > 计算机网络 > 计算机网络:把textarea中字符串里含有的回车换行

原标题:计算机网络:把textarea中字符串里含有的回车换行

浏览次数:151 时间:2019-09-22

3楼
按下的时候马上转移   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实在此在此之前早有数不尽人批评过,代码非常多情势太吓人,本人用不到就没时间去钻探,未来帮您试了须臾间,其实化解起来很简短了:)   
  <p>关于微软HTML编辑控件单击回车会插入<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>
4楼
按下的时候即刻调换   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实以前早有成千上万人商酌过,代码很多格局太吓人,本身用不到就没时间去研究,未来帮您试了一下,其实化解起来很轻巧了:)   
  <p>关于微软HTML编辑控件单击回车会插入<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>
5楼
按下的时候立即转移   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实在此以前早有数不清人批评过,代码很多形式太吓人,自身用不到就没时间去商讨,现在帮您试了瞬间,其实化解起来非常的粗略了:)   
  <p>关于微软HTML编辑控件单击回车会插入<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>

3楼
按下的时候立时转移   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实在此从前早有那些人争持过,代码非常多措施太可怕,本身用不到就没时间去切磋,今后帮你试了弹指间,其实化解起来异常的粗略了:)   
  <p>关于微软HTML编辑控件单击回车会插入<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>
4楼
按下的时候即刻调换   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实在此之前早有众四个人商议过,代码比相当多措施太吓人,本人用不到就没时间去研讨,今后帮你试了须臾间,其实解决起来很简单了:)   
  <p>关于微软HTML编辑控件单击回车会插入<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>
5楼
按下的时候立时转变   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实以前早有广大人争论过,代码相当多格局太吓人,本身用不到就没时间去钻探,现在帮你试了刹那间,其实化解起来很不难了:)   
  <p>关于微软HTML编辑控件单击回车会插入<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>

给document绑定光标变化事件。用来记录光标地方.
那般就足以得到DIV的光标地方了.

1楼
textarea.value.replace(/n/g,     "<br>");
2楼
s=textarea.value.replace(/rn/g,     "<br>");   

textarea.value.replace(/n/g,"br"); 2楼 s=textarea.value.replace(/rn/g,"br"); 3楼 按下的时候立即转换VID="a"content艾德itable="true"style='border:1solidblack' 其实以...

复制代码 代码如下:

你可能感兴趣的文章:

  • JS调整文件框textarea输入字数限制的法子
  • javascript textarea字数限制
  • javascript textarea光标定位方法(兼容IE和FF)
  • TextArea设置马克斯Length属性最大输入值的js代码
  • JavaScript判别textarea值是或不是为空并交给相应提醒
  • JavaScript中执会调查计算局计Textarea字数并提示还是可以输入的字符
  • 在textarea中显示html页面的javascript代码
  • JavaScript 获取/设置光标地方,包容Input&&TextArea
  • [用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[]()
  • 有关js对textarea换行符的管理方法分析

1楼
textarea.value.replace(/n/g,     "<br>");
2楼
s=textarea.value.replace(/rn/g,     "<br>");   

透过设定contenteditable=true开启div的编排形式.那样DIV就足以跟文本框同样输入内容了。
不扯话题了。下边说怎么获取或设置光标地点.

率先要让DIV启用编辑方式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script type="text/javascript" src=";
<title>contenteditable</title>
<style>
*{
 margin:0;padding:0;
}
.im-message-area{
 width:98%;
 padding:2px;
 height:75px;
 border:#000 solid 1px;
 background:#fff;
 font:12px/20px arial,"5b8b4f53";
 word-wrap:break-word;
 overflow-y:auto;
 line-height:1;
}
.ul{display:none;}
.ul li{
 background-color:#CCC;
 width:50px;
}
</style>
<script language="javascript" type="text/javascript">
function inimage(text){
 var obj= $(".im-message-area")[0];
 var range, node;
 if(!obj.hasfocus) {
  obj.focus();
 }
    if (window.getSelection && window.getSelection().getRangeAt) {
        range = window.getSelection().getRangeAt(0);
  range.collapse(false);
        node = range.createContextualFragment(text);
  var c = node.lastChild;
        range.insertNode(node);
  if(c){
   range.setEndAfter(c);
   range.setStartAfter(c)
  }
  var j = window.getSelection();
  j.removeAllRanges();
  j.addRange(range);
 
    } else if (document.selection && document.selection.createRange) {
        document.selection.createRange().pasteHTML(text);
    }
}
$(document).ready(function(){
 $('#button').click(function(){
  $('.ul').show();
 })
 $('.ul li').each(function(){
  $(this).click(function(){
   inimage($(this).text());
  })
 })
});
</script>
</head>
<body>
 <div contenteditable="true" id="im_message_area" class="im-message-area"><br></div>
 <a href="javascript:void(0)" id="button">按钮</a>
 <ul class="ul">
  <li>(笑)</li>
  <li>(哭)</li>
  <li>(乐)</li>
 </ul>
</body>
</html>

再看四个基于jquery的实例

var cursor = 0; // 光标地方 
document.onselectionchange = function () {
var range = document.selection.createRange();
var srcele = range.parentElement();//获取到目前因素
var copy = document.body.createTextRange();
计算机网络:把textarea中字符串里含有的回车换行替换成,JS在可编辑的div中的光标位置插入内容的方法。copy.moveToElementText(srcele);
for (cursor = 0; copy.compareEndPoints("StartToStart", range) < 0; cursor ) {
 copy.moveStart("character", 1);//更改光标地方,实际上大家是在记录cursor的数量.
}
}

本文由韦德国际1946英国发布于计算机网络,转载请注明出处:计算机网络:把textarea中字符串里含有的回车换行

关键词: 伟德1946网页版

上一篇:伟德1946手机版:实用的Jquery选项卡TAB示例代码,

下一篇:没有了