JavaScript动态调整TextArea高度的代码
<script language="javascript" type="text/javascript">
function adjustObjHeight(obj, defaultHeight) {
if(obj.scrollHeight > defaultHeight) {
obj.style.height = obj.scrollHeight + 'px';
} else {
obj.style.height = defaultHeight + 'px';
}
}
window.onload = function() {
var obj = document.getElementsByTagName('textarea');
var len = obj.length;
for(var i = 0; i<len; i++)
adjustObjHeight(obj[i], 50);
}
</script>
<textarea id="content" onkeyup="adjustObjHeight(this, 50);"></textarea>
作者 何朝阳
相关推荐
-
JavaScript实现点击自动选择TextArea文本的方法
本文实例讲述了JavaScript实现点击自动选择TextArea文本的方法.分享给大家供大家参考.具体实现方法如下: <textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly"> example text </textarea> 希望本文所述对大家的javascript程序设计有所帮助.
-
javascript实现textarea中tab键的缩排处理方法
本文实例讲述了javascript实现textarea中tab键的缩排处理方法.分享给大家供大家参考.具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题.还有使用JQuery的,也非常简洁. 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能.不过这段代码在谷歌浏览器中不能正常执行,在 复制代码 代码如下: sel =event.srcElement.document.selection.createRa
-
JavaScript 监听textarea中按键事件
有个textarea, Java代码 复制代码 代码如下: <textarea id="text"></textarea> 经常会定义onKeyPress="keypress();",并定义以下方法. 复制代码 代码如下: var keypress = function(e){ var e = e || window.event; var k = e.keyCode; } 这里我使用的办法是JQuery. 复制代码 代码如下: $("
-
JavaScript中统计Textarea字数并提示还能输入的字符
现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验. 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同. 使用方法是,先增加一个span,用于显示剩余的字数,然后在Textarea中,加入一个onkeydown和onkeyup的事件,调用另一
-
javascript textarea字数限制
这一个是读取textarea的maxlength属性的值,进行计算,思路很好,但修改起来就麻烦啊,不过对于js爱好者来说是个不错的参考,通过读取属性值进行控制. textarea字数限制 练习代码多有参考网络 by ahuinan var TextUtil = new Object(); TextUtil.NotMax = function(oTextArea){ var maxText = oTextArea.getAttribute("maxlength"); if(oTextAr
-
JavaScript判断textarea值是否为空并给出相应提示
我们在网页设计中常常会用JavaScript来判断用户是否输入合法数据,假如用户没有输入数据则给出相应提示,那么该如何来判断呢?这里向大家介绍用JavaScript判断textarea值是否为空的方法. 下面给出JavaScript函数: if(document.getElementById("htmer").value==''){alert("请输入内容!");return false;} 注意上面代码中的红色部分=='',是单引号而不是双引号,这样可以减少很多不
-
JavaScript让Textarea支持tab按键的方法
本文实例讲述了JavaScript让Textarea支持tab按键的方法.分享给大家供大家参考.具体实现方法如下: HTMLTextAreaElement.prototype.getCaretPosition = function () { //return the caret position of the textarea return this.selectionStart; }; HTMLTextAreaElement.prototype.setCaretPosition = funct
-
javascript获得光标所在的文本框(text/textarea)中的位置
js获得光标所在的文本框(text/textarea)中的位置 function getPosition(obj){ var result = 0; if(obj.selectionStart){ //IE以外 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "textarea"){ //TEXTAREA rng = event.srcElement.createTextRange(); rng.mo
-
JavaScript动态调整TextArea高度的代码
核心代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function adjustObjHeight(obj, defaultHeight) { if(obj.scrollHeight > defaultHeight) { obj.style.height = obj.scrollHeight + 'px'; } else { obj.style.height
-
用javascript动态调整iframe高度的代码
当你在页面上使用了iframe之后,一般来说会不希望iframe显示难看的滚动条,以使iframe里面的内容和主页面的内容浑然一体.这时候你会设置 scrolling="no" 属性.但是这样一来如果iframe里面的内容是变化的,高度会随之内容的变化而变化的时候,你的iframe就会显得太长导致底下一大片空白,或者正好相反,由于iframe的高度太小导致一部分内容会被挡住.这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度.如果需要调
-
用javascript动态调整iframe高度的方法
当你在页面上使用了iframe之后,一般来说会不希望iframe显示难看的滚动条,以使iframe里面的内容和主页面的内容浑然一体.这时候你会设置 scrolling="no" 属性.但是这样一来如果iframe里面的内容是变化的,高度会随之内容的变化而变化的时候,你的iframe就会显得太长导致底下一大片空白,或者正好相反,由于iframe的高度太小导致一部分内容会被挡住.这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度.如果需要调
-
javascript 动态调整图片尺寸实现代码
我前段时间写的一篇文章就遇到过这种事情,后来用CSS的overflow和max-width属性暂时解决了页面变形的问题.这种方法好处是简单,但坏处是会破坏某些细节的效果. 如overflow:hidden,意思是当内部元素宽度大于父框架时隐藏超出宽度的部分.这样做可能会是一些内容突然截断,被隐藏了,很对不起观众. 通过max-width属性限制文章插图最大宽度的话,需要考虑各浏览器的兼容性.IE6是不支持这个属性的,在我印象中,一些浏览器虽然支持这个属性,但图片不是等比缩放的(好像是Safari
-
jquery 动态调整textarea高度
我们修正版本,运行后需要刷新下,因为jquery是外部调用的. jquery事件,动画1 50) { $Content.animate({height:"-=50"},400) } }) }) // --> 缩小 放大 香港.旧金山.台湾.3地7年深度访谈,50余幅经典珍藏海报及剧照,林青霞口中的林青霞,名人好友眼中的大明星.邻家女孩:最善良.最勤奋的亚洲第一美女--跨越国界的铁杆粉丝.日裔资深记者亲访林青霞好友及资深影人徐克夫妇.郁正春.宋存寿.赖声川.杜可风.许鞍华.王晶.张
-
Javascript 文本框textarea高度随内容自适应增长收缩
直接上代码: 方案一: 枫芸志 » 文本框textarea高度自适应增长/伸缩 textarea { height:100px; width: 300px; } 晴枫制作 http://jb51.net // 最小高度 var minHeight = 100; // 最大高度,超过则出现滚动条 var maxHeight = 300; function ResizeTextarea(){ var t = document.getElementById('txtContent'); h = t.s
-
iOS动态调整UILabel高度的几种方法
简介 UILabel类实现了一个只读文本视图.您可以使用这个类来画一个或多个行静态文本,比如你可能使用确定的其他部分的用户界面.UILabel类支持既简单又复杂的样式标签的文本,还可以控制外观,比如标签是否使用一个影子或吸引了一大亮点. 在iOS程序中,看的见.摸得着的,都是UIView的子类.UILabel是一个用于显示文字信息的标签视图类,即UIView的子类. 以下是关于UILabel的官方网址:https://developer.apple.com/reference/uikit/uil
-
动态调整textarea中字体的大小代码
选择阅读字体 for (i=9;i"+i+"pt字体\n");} function NYSfont() {if((fontslt.selectedIndex!=-1)&&(fontslt.selectedIndex!=0)){readcontent.style.fontSize=fontslt.options[fontslt.selectedIndex].value;}} 欢迎光临我们 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
JSP中使用JavaScript动态插入删除输入框实现代码
JavaScript代码: 复制代码 代码如下: <script language="javascript"> function addrows(){ var len = optionlist.rows.length; //得到table的行数 var obj = optionlist.insertRow(len);//在最后一行插入 /**插入第一列**/ obj.insertCell(0); obj.cells(0).innerHTML="选项" +
-
javaScript 动态访问JSon元素示例代码
复制代码 代码如下: $(document).ready(function () { var obj = {Name: 'Allen', Age: '30'}; for (var o in obj) { var a = console.log(o); // Name ,Age var a = console.log(obj[o]); //Allen,30 } }); </script>
随机推荐
- 简单谈谈PHP中的Reload操作
- 爬虫技术详解
- 2016 cocoapods的安装和使用方法以及版本升级遇到的问题
- iOS开发中使用UIWebView 屏蔽 alert警告框
- 【消息提示组件】,兼容IE6/7&&FF2
- asp下取得客户端IP地址函数 转换IP地址函数
- asp最简单的生成验证码代码
- JSP 开发之THE SERVLET NAME ALREADY EXISTS.解决方法
- C++ 中实现把EXCEL的数据导入数据库(ACCESS、MSSQL等)实例代码
- sysbench-0.4.12编译安装和CPU测试例子分享
- PHP自定义函数收代码
- 漂流瓶推送需求的逻辑实现代码
- ASP生成随机字符串(数字+大小写字母)的代码
- 枚举当前目录及子目录大小的批处理
- jQuery+ajax实现文章点赞功能的方法
- c#+JQurey实现获取radio和checkbox的值
- 基于jquery实现拆分姓名的方法(纯JS版)
- Android中Home键的监听和拦截示例
- java连接Access数据库的方法
- PHP使用SOAP扩展实现WebService的方法