js 根据内容自动调整textarea大小

这段代码的枋心代码是onkeydown ="if(event.keycode==13) return false; " oninput="this.style.height='0px';this.style.height=(this.scrollheight+'px');" onpropertychange="this.style.height=(this.scrollheight+'px')"
根据用户的按钮来判断内容与高度的。

<meta charset = "utf-8" />
<style type = "text/css教程">
.editable{cursor:text; font-size:13px; color:#003366;width:80px;line-height:20px;height:20px;font-family:arial;cursor:text;*overflow-y:hidden; }
</style>

<textarea class='editable' onkeydown ="if(event.keycode==13) return false; " oninput="this.style.height='0px';this.style.height=(this.scrollheight+'px');" onpropertychange="this.style.height=(this.scrollheight+'px')" /></textarea>

时间: 2024-09-22 09:45:30

js 根据内容自动调整textarea大小的相关文章

Android 自定义TextView实现文本内容自动调整字体大小

最近做通讯录小屏机 联系人姓名显示--长度超过边界字体变小 /** * 自定义TextView,文本内容自动调整字体大小以适应TextView的大小 * @author yzp */ public class AutoFitTextView extends TextView { private Paint mTextPaint; private float mTextSize; public AutoFitTextView(Context context) { super(context); }

JS实现左右拖动改变内容显示区域大小的方法_javascript技巧

本文实例讲述了JS实现左右拖动改变内容显示区域大小的方法.分享给大家供大家参考.具体如下: 这里演示左右可拖动的内容显示区效果,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求.本代码完全JavaScript与CSS代码结合实现,在各主流浏览器内运行的兼容性也不错,左右拖动改变大小的JS代码推荐给大家. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2

js获取内容层内容原始尺寸 滚动条高度 页面实际大小

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

js复制内容到剪贴板代码,js复制代码的简单实例_javascript技巧

如下所示: <script type="text/JavaScript"> function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } </script> <textarea id="conte

Excel 单元格如何自动调整字体大小?

  在使用Excel的过程中,我们往往先把表格根据要求做好,这时单元格的列宽已经固定好了,但有的列字符数目不等.比如在录入家庭住址时,有的家庭住址比较长,则会使该单元格中的内容不能完全显示在屏幕上,为了让这些单元格中的内容能全部显示在屏幕上,就不得不重新定义单元格的字号.如果一个一个的调整势必会大大增加我们的工作量,其实,我们可以采用下面的方法让其自动调整字号大小: 选中需要调整字号的单元格区域,依次选择"格式→单元格"菜单命令,出现"单元格格式"对话框,选择&qu

JS获取及设置TextArea或input文本框选择文本位置的方法_javascript技巧

本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下: function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionStart else if ( document.selection ) { // IE range = document.selection.createR

javascrpit-如何用JS改变图像的原始大小

问题描述 如何用JS改变图像的原始大小 # 如何改变图像的真实大小,实现网页上传任意大小的图像? 我想从本地上传一张图片,上传之前我想对其降采样或者放大,我改变image.width和image.height可以让图片以任意大小显示,但是上传的时候任然是上传的原图. **想问哈各位大神如何才能真正的改变图片的大小,实现上传任意大小的图片?** 这是我调试的代码: input id="input_upload" type="file"/ > canvas id=

js 获取内容中图片地址正则表达式

js 获取内容中图片地址正则表达式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq

兼容主流浏览器的JS复制内容到剪贴板_javascript技巧

现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: 这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板. 原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值"clipboard=..",