textarea 高度自适应(chrome+ie8测试有效)

最近有一个需求,需要让textarea宽度不变,但是高度随着用户的输入高度自适应。由于浏览器版本的不兼容,很多方法通常只能在一个浏览器中起作用。

下面我写了一个小的demo,可以在chrome 和 ie8下正常使用,其他浏览器没有测试过。

第一种方式使用 js+css方式实现

<textarea rows='6' cols='100' style='overflow:scroll;overflow-y:visible;height:96px;width:679px;overflow-x:hidden' onfocus="window.activeobj=this;this.clock=setInterval(function(){ if(activeobj.scrollHeight>96)activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);"></textarea>

rows 指定高,cols指定宽度 。 另外,,在style中加入height也是指定高度,其高度也刚好是rows=6 。在style中重新用height指定高度是因为其 overflow-y:visible 属性的指定,在chrome下会使其高度为1行。在该textarea获得鼠标焦点后,会执行代码

if(activeobj.scrollHeight>96)activeobj.style.height=activeobj.scrollHeight+'px';200毫秒执行一次,用来改变textarea的高度。activeobj.scrollHeight>96 是让其在内容高度大于textarea的初始高度之后再自适应。chrome下的效果图<img src="data:image/png;base64,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" alt="" />ie8下的效果图<img src="data:image/png;base64,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ECBAgMDCFMgd3s+ePRtbtmyJ48ePL0wJoyJAgAABAgQIECBQ5wK5wvvo6Gjs2rUrPvvss5icnKzzISmPAAECBAgQIECAwMIUyNznPZlx3759e+zduzeGhoYsm1mY3wOjIkCAAAECBAgQaACBzJn3+++/P3bu3Bn33HNPOutu5r0BrqoSCRAgQIAAAQIEFqTArOG9VCrFb7/9FhcvXkzvsNrc3GzJzIL8ChgUAQIECBAgQIBAowjMGt7b2triscceiyeffDK6u7vjl19+sWSmUa6qOgkQIECAAAECBBakwKzhPZlxP3ToUBw9ejTWr18fa9eujVOnTkV7e/uChDAoAgQIECBAgAABAvUuMOsPVpO17VdeeWW88cYbMTY2FiMjI+lWkT/++GP6vrW1td7Hpj4CBAgQIECAAAECC0pg1pn3yiivuOKKuOqqq6K/vz+Gh4dj3759cfLkycq/PRMgQIAAAQIECBAgUJDArDPv0/t//fXXY2JiIv3R6tKlS6f/23sCBAgQIECAAAECBOZZIHd4T2bgHQQIECBAgAABAgQI1E4gc9lM7UrTMwECBAgQIECAAAECUwWE96kaXhMgQIAAAQIECBCoYwHhvY4vjtIIECBAgAABAgQITBUQ3qdqeE2AAAECBAgQIECgjgUyf7B65syZOH/+/B+GkGwdmdyB1UGAAAECBAgQIECAQHECmeF969at6Z1Vp4b1I0eOxLp164qrUk8ECBAgQIAAAQIECERmeP/111/jtddei02bNqVcyV7v7e3t6AgQIECAAAECBAgQKFggM7w3NTXF2bNnI1k+kxwrVqyI5ubmgsvUHQECBAgQIECAAAECmeE9CerPPvtsLFmyJNV69dVX4+67745FixbRI0CAAAECBAgQIECgQIHM8J78OPWFF16IjRs3pmXde++9aXBPAryDAAECBAgQIECAAIHiBDLD+4EDByIJ8IsXL06runjxYpTL5eIq1BMBAgQIECBAgAABAqlA5j7vyW4zg4ODl7gmJycjeTgIECBAgAABAgQIEChWIHPmvaOjI3766af49ttv08qWLVtmt5lir5HeCBAgQIAAAQIECKQCmeH9o48+ikcffTSef/759ANvvfVW3HHHHfgIECBAgAABAgQIEChYIDO8JzdnevvttyPZ3z05kl1mSqVSwWXqjgABAgQIECBAgACBzPCeEE29uyoyAgQIECBAgAABAgRqI5D5g9XalKVXAgQIECBAgAABAgSmCwjv00W8J0CAAAECBAgQIFCnAsJ7nV4YZREgQIAAAQIECBCYLiC8TxfxngABAgQIECBAgECdCuT6wWpS+9DQUJw7dy6am5ujq6vLXu91ekGVRYAAAQIECBAgsHAFcs28f/fdd/H0009HX19f9PT0xIkTJxauiJERIECAAAECBAgQqFOBzPCezLjv2bMn9u3bF1999VVs3rw5mpoyP1anw1UWAQIECBAgQIAAgcYVyFw289BDD8XAwEBcf/318eWXX8a7774bixcvbtwRq5wAAQIECBAgQIBAgwpkTqFPTk7G8PBwPPfcc7Fly5Y4duxYuva9QcerbAIECBAgQIAAAQINK5A5857cXbW/vz8++OCDWLt2bWzcuDGWLl0amzZtathBK5wAAQIECBAgQIBAIwpkhvcLFy7EwYMHY/369en4kpn45OEgQIAAAQIECBAgQKBYgcxlM+Pj49Ha2nqpqnK5LLxf0vCCAAECBAgQIECAQHECmTPvN9xwQ/zwww9x6tSptKrOzs502UxxJeqJAAECBAgQIECAAIFEIDO8v//++7Fz58546aWXUrHDhw/HunXr6BEgQIAAAQIECBAgULBAZngvlUqRBPbKkbx3ECBAgAABAgQIECBQvEBmeE9KEtiLvzB6JECAAAECBAgQIDBdIPMHq9M/4D0BAgQIECBAgAABArUREN5r465XAgQIECBAgAABAnMWEN7nTOYDBAgQIECAAAECBGojkLnm/ZtvvokzZ86ke7u3tLREss/7qlWrbBdZm+ulVwIECBAgQIAAgctYIDO8b9++PYaGhqKjoyO+/vrrSPZ5P3r0aNx6662XMZuhEyBAgAABAgQIECheIHPZzI033hjJXu9ffPFF9Pb2xqFDhwT34q+THgkQIECAAAECBAhk36TpnXfeucSULJlJHg4CBAgQIECAAAECBIoXyJx5r5R0+vTpWLlyZbp8pvI3zwQIECBAgAABAgQIFCeQO7zv2LEjnnrqqbj99tuLq05PBAgQIECAAAECBAhcEsgd3puamtIdZy590gsCBAgQIECAAAECBAoVyB3eC61KZwQIECBAgAABAgQIzBDIHd7HxsZiYmJiRgP+QIAAAQIECBAgQIBAMQK5w/uaNWti2bJlxVSlFwIECBAgQIAAAQIEZghk3qSp8ok333yz8tIzAQIECBAgQIAAAQI1EMg9816D2nRJgAABAgQIECBAgMAUAeF9CoaXBAgQIECAAAECBOpZ4L+Gd3dRredLpjYCBAgQIECAAIF6ESiVSoWWMmPN+/j4eKzs+kuUYiLOjo4UWozOCBAgQIAAAQIECDSSwL/PjRZ6L6TS5O/HVKB//OOf0XXNVfHnPy2L8kR56r+8JkCAAAECBAgQIEBgikASpRcvWRpdf71+yl/n7+WM8D5/XWmZAAECBAgQIECAAIH/R+C/rnn/fxr0WQIECBAgQIAAAQIE5kdAeJ8fV60SIECAAAECBAgQqLqA8F51Ug0SIECAAAECBAgQmB8B4X1+XLVKgAABAgQIECBAoOoCwnvVSTVIgAABAgQIECBAYH4EhPf5cdUqAQIECBAgQIAAgaoLCO9VJ9UgAQIECBAgQIAAgfkR+A9JEUUX5agkVgAAAABJRU5ErkJggg==" alt="" />第二种方式使用纯css实现(该方式只能在ie8下起作用,chrome会出现滚动条)<pre name="code" class="html"><textarea style="overflow-y:visible;height:96px" cols="100" rows="6" id="1516" name="1516" cols="80" rows="3"></textarea>

想像力比知识更重要

textarea 高度自适应(chrome+ie8测试有效)

相关文章:

你感兴趣的文章:

标签云: