textarea

1、前言 由于工作需要，需实现一个类似于微博输入框的功能，在用户动态输入文字的时候，修改提示“您还可以输入XX字”。如下图所示： 因此，稍微研究了一下oninput,onpropertychange,onchange的区别和用法，以及onpropertychange在ie浏览器下的一个bug。 2、oninput,onpropertychange,onchange的用法 l onchange触发事件必须满足两个条件： a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)； l onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的； l oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。 在textarea中，如果想捕获用户的键盘输入，用onkeyup检查事件就可以了，但是onkeyup并不支持复制和粘贴，因此需要动态监测textarea中值的变化，这就需要onpropertychange（用在IE浏览器）和oninput（非IE浏览器）结合在一起使用了。 3、代码实现：

今天在做项目的时候遇到了一个问题，就是关于textarea里的换行问题。 其实textarea里的换行符\n是一直存在的，包括从获取值到传递值再到存储在数据库中，只不过当我们把其显示在<div>等标签中的时候，这个换行符就会被空格所代替，造成换行丢失的错觉。其实，当我们把这些值重新放到textarea里时，我们就会发现，这些值还是保持着我们提交时的换行状态。 解决办法： 一：提交的时候，可以用 1 <textarea name="lala" id="lala"></textarea> 2 <scirpt type="text/javascript"> 3 var lala = document.getElementById('lala').value; 4 lala = lala.replace(/\n/g,"<br/>"); 5 </scirpt> 这种方式来将换行符换成<br/>换行标签。但是当我们把这些值重新放回textarea中时，我们不得不在php端再做一次替换 <?php echo str_replace("<br/>","\n",$a);?> （这里注意，必须是双引号！） 二：一位大牛告诉我的办法，就是不用上面那么麻烦的做法，直接在网页中用个 <pre><pre/> 标签， 或者在样式中给一个css样式 white-space: pre; 也会有同样的效果哦。 来源：

1、前言 由于工作需要，需实现一个类似于微博输入框的功能，在用户动态输入文字的时候，修改提示“您还可以输入XX字”。如下图所示： 因此，稍微研究了一下oninput,onpropertychange,onchange的区别和用法，以及onpropertychange在ie浏览器下的一个bug。 2、oninput,onpropertychange,onchange的用法 l onchange触发事件必须满足两个条件： a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)； l onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的； l oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。 在textarea中，如果想捕获用户的键盘输入，用onkeyup检查事件就可以了，但是onkeyup并不支持复制和粘贴，因此需要动态监测textarea中值的变化，这就需要onpropertychange（用在IE浏览器）和oninput（非IE浏览器）结合在一起使用了。 3、代码实现：

1、前言 由于工作需要，需实现一个类似于微博输入框的功能，在用户动态输入文字的时候，修改提示“您还可以输入XX字”。如下图所示： 因此，稍微研究了一下oninput,onpropertychange,onchange的区别和用法，以及onpropertychange在ie浏览器下的一个bug。 2、oninput,onpropertychange,onchange的用法 l onchange触发事件必须满足两个条件： a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)； l onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的； l oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。 在textarea中，如果想捕获用户的键盘输入，用onkeyup检查事件就可以了，但是onkeyup并不支持复制和粘贴，因此需要动态监测textarea中值的变化，这就需要onpropertychange（用在IE浏览器）和oninput（非IE浏览器）结合在一起使用了。 3、代码实现：

textarea默认不支持maxlength属性。 通过JQuery的keyup事件： 代码 1 < html > 2 < head > 3 < title > JQuery为textarea添加maxlength </ title > 4 < script type ="text/javascript" src ="jquery-1.4.js" ></ script > 5 </ head > 6 < body > 7 < textarea style ="width:300px; height:60px;" maxlength ="10" ></ textarea > 8 </ body > 9 </ html > 10 < script type ="text/javascript" > 11 $( function (){ 12 $( " textarea[maxlength] " ).keyup( function (){ 13 var area = $( this ); 14 var max = parseInt(area.attr( " maxlength " ), 10 ); // 获取maxlength的值 15 if (max > 0 ){ 16 if (area.val().length > max){ // textarea的文本长度大于maxlength

转自[ http://www.itercn.com/wp/archives/155.html ] <form id=”8848so” name=”8848so” action=”http://www.8848so.com” method=”post”> <textarea id=”content”></textarea> <span id=”tip”></span> </form> <!– = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * * 作 者： 我本有心 –> <script language=“javascript“ type=“text/javascript“> fixedLength(“content“,“tip“,5); //调用说明：textarea对象ID,span或div对象ID(用于显示提示信息),最大允许字符数 function fixedLength(textareaID,tipsID,wordLength) { var textarea = document.getElementById(textareaID); var span = document.getElementById(tipsID); textarea.onkeyup = function()

function ismaxlength(obj){ var mlength = obj.getAttribute ? parseInt(obj.getAttribute( " maxlength " )) : "" if (obj.getAttribute && obj.value.length > mlength) obj.value = obj.value.substring( 0 ,mlength) } maxlength = " 40 " onkeyup = " return ismaxlength(this) " function limitC(obj){ var maxChar = 500 ; while (obj.value.length > maxChar){ obj.value = obj.value.replace( / .$ / , '' ) } } onkeyup = " limitC(this) " function controlTextAreaMaxLenght(sender) { if (sender.value.length > 10 ) { event.keyCode = 0 ; } } < textarea id = " a " onkeypress = " controllenght(this) " >< / textarea> //

一:kindeditor是HTML的一款编辑器插件. 1,下载地址:: KindEditor 4.1.11 (2016-03-31) 2,修改html页面的具体的操作: 1,在需要显示编辑器的位置添加textarea输入框 <textarea id="editor_id" name="content" style="width:700px;height:300px;"> #这里的id值是唯一的,但是也可以变,只要后面用到id值的地方都一样即可. </textarea> 注意: id在当前页面必须是唯一的值。 在textarea里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容，则必须转换HTML特殊字符(>,<,&,”)。　　具体请参考各语言目录下面的demo.xxx程序，目前支持ASP、ASP.NET、PHP、JSP。 在有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用 编辑器初始化参数 设置。 2,在该HTML页面添加以下脚本 <script charset="utf-8" src="/editor/kindeditor.js"></script> #这里的两行视情况而定.<script charset="utf-8" src="/editor

自闭合标签赋初值用$().val()，比如：<input type="text" name="text" value="123"> 闭合标签赋初值用$().text()，比如：<textarea id="id_textarea"></textarea> # 给textarea标签赋初值 $('#id_textarea').text($('#form_text').attr('my_text')); // 给单选 赋初值 $("#id_0").attr("checked", $('#id_radio').attr('gender') == '男' ? true : false); $("#id_1").attr("checked", $('#id_radio').attr('gender') == '女' ? true : false); $("#id_2").attr("checked", $('#id_radio').attr('gender') == '未知' ? true : false); form.render(); //更新全部 来源： https://www.cnblogs.com/suguangti/p/11275525.html