让textarea自动调整大小的js代码_javascript技巧

复制代码 代码如下:

<!doctype html>
<html>
<head>
<title>自动调整大小的textarea </title>
<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>
</head>
<body>
<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>
</body>
</html>

时间: 2025-01-24 19:35:07

让textarea自动调整大小的js代码_javascript技巧的相关文章

非主流的textarea自增长实现js代码_javascript技巧

其中大部分是靠scrollHeight(非W3C标准,由IE引入),keyup事件来完成.有一种比较有意思的是 通过"镜像元素(mirror element)", 和setTimeout轮询实现.大致的实现思路如下: 把一个单独的pre元素,通过position:absolute的方式定位于client view之外,并且把它和textarea的样式设置的一样,我们把这个pre元素称为"mirror",然后通过setTimeout进行200ms的轮询,把textar

鼠标悬浮停留三秒后自动显示大图js代码_javascript技巧

鼠标悬浮停留三秒后显示大图,在网页中还是比较实用的 <style> *{margin:0;padding:0;list-style-type:none;} img,a{border:0;} .piccon{height:75px;margin:100px 0 0 50px;} .piccon li{float:left;padding:0 10px;} #preview{position:absolute;border:1px solid #ccc;background:#333;paddin

wap浏览自动跳转到wap页面的js代码_javascript技巧

如何让用户输入wap手机网站的网址时自动跳转到wap网站 ?wap页面自动跳转的实现方式 ?如何判断访客是否是移动设备访问,自动跳转到wap页面 ?手机自动跳转到手机页面,一个网址区分普通访问与手机访问 ?手机访问网站域名时如果实现自动跳转到wap页面 ? 本文就可以解决这些问题! 复制代码 代码如下: function is_mobile() {     var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|

TextArea设置MaxLength属性最大输入值的js代码_javascript技巧

标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<input type="text" maxlength="20">, 那么在TEXTAREA中怎么实现输入内容不能超过多少个字符呢. 方法1.如果只需要截取多少个字符

让编辑器支持word复制黏贴、截屏的js代码_javascript技巧

chrome有很多人性化的API,比如拖拽, 比如图片可以转化为base64等: 比如知乎上面的回复中可以直接黏贴图片,  就不需要手动点击图片上传按钮, 选择图片, 确认上传等等: 知乎参考地址:打开    让编辑器支持word的复制黏贴, 其中图片会转化为base64编码, 如果是通过远程打开这个静态页, 黏贴word文档的时候, 图片不会黏贴进来, 因为远程地址无法访问本地磁盘的绝对路径, 如果把下面代码保存成静态界面打开, 那么word中的图片都可以看见, 而且都会被转化为base64编

实现动画效果核心方式的js代码_javascript技巧

下边我就简单说一下过程和原理.第一步:实现一个匿名函数并能自己执行. 复制代码 代码如下: (function(){ })()  这个函数在一样编的好的JS代码中经常会见到,起到闭包,自动执行的效果,在函数后加一对()表示自动执行,前边的匿名函数需要用()包起来,这样才能为宿主(我们的BOM环境)理解,里面的function(){}这就是个匿名函数.第二步:实现动画,以改变一个box的秀明度来说明.id为animation的div 复制代码 代码如下: <div id="animation

禁止空格提交表单的js代码_javascript技巧

在做项目的时候,有个页面我用到了ckeditor,可是问题来了,我在只要有文本框的地方按下回车键就会自动刷新.最后终于找到了解决的方法: 复制代码 代码如下: <input type="text" name="mes.mesTitle" value="<s:property value='mes.mesTitle'/>" class="InputStyle" onkeydown="keydown(t

千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码_javascript技巧

最近做项目需要我们前端对金额进行千分位格式化(也就是说每三位用逗号隔开),代码已经做了修改  之前的版本是本人疏忽 真对不住大家了!现在已经做了修改 如果还有不完善的地方 请大家多多指教! 1. 支持用逗号隔开 0-9位 逗号隔开 JS代码如下: 复制代码 代码如下: /**         * JS格式化         * @param number 要格式化的数字         * @param d [0-9]位 逗号隔开         */          function num

多浏览器兼容性比较好的复制到剪贴板的js代码_javascript技巧

对于非ie浏览器他是用flash来实现的,js代码如下: 复制代码 代码如下: <script type="text/javascript"> function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData("Text", copyText) } else { var flashcopier = 'flashcopier'; if(!docum