Quantcast
Channel: 分享网_关注互联网源码|网页特效|软件|IT知识|免费资源|seo优化|情感日志|心情日记原创博客 - 网页特效
Viewing all articles
Browse latest Browse all 10

文本框根据输入内容自适应高度

$
0
0

最近做项目中输入框编辑器,每次都需要手动调节,很不好用。其实现代浏览器大多都支持文本框尺寸调节功能,绝大多数情况下却没有自动适应来得爽快,在网络上发现一方法比较简单的实现文本框高度自适应,于是封装了这个函数,准备以后应用到项目中。

源代码:

感谢alucelx同学再次给力的帮助,大大简化了方法,更新代码为0.2版本,同时解决了兼容Opera浏览器,至此全兼容IE6+与现代浏览器!

<pre>/**
 * 文本框根据输入内容自适应高度
 * @author  tang bin
 * @version  0.3
 * @param  {HTMLElement} 输入框元素
 * @param  {Number}  设置光标与输入框保持的距离(默认20)
 * @param  {Number}  设置最大高度(可选)
 */
var autoTextarea = function (elem, extra, maxHeight) {
 extra = extra || 20;
 var isFirefox = !!document.getBoxObjectFor || 'mozInnerScreenX' in window,
        isOpera = !!window.opera &amp;&amp; !!window.opera.toString().indexOf('Opera'),
  addEvent = function (type, callback) {
   elem.addEventListener ?
    elem.addEventListener(type, callback, false) :
    elem.attachEvent('on' + type, callback);
  },
  getStyle = elem.currentStyle ? function (name) {
   var val = elem.currentStyle[name];
...

Viewing all articles
Browse latest Browse all 10

Trending Articles