分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jQuery让textarea自适应高度

发布时间:2023-09-06 01:32责任编辑:董明明关键词:jQuery自适应
<!doctype html><html><head><meta charset="UTF-8"><title></title></head><body><textarea name="" id="textarea" class="mytest"></textarea></body><script src="js/jquery-2.1.1.min.js"></script><script> ???????//jQuery实现textarea高度根据内容自适应 ???????$.fn.extend({ ?????????txtaAutoHeight: function () { ???????????????return this.each(function () { ???????????????var $this = $(this); ?????????????????????if (!$this.attr(‘initAttrH‘)) { ????????????????????????$this.attr(‘initAttrH‘, $this.outerHeight()); ???????????????????} ???????????????????setAutoHeight(this).on(‘input‘, function () { ???????????????????????setAutoHeight(this); ??????????????????}); ???????????????}); ????????????????function setAutoHeight(elem) { ???????????????????var $obj = $(elem); ???????????????????return $obj.css({ height: $obj.attr(‘initAttrH‘), ‘overflow-y‘: ‘hidden‘ }).height(elem.scrollHeight); ????????????????} ?????????} ????????}); ????????????//调用 ????????$(function () { ???????????$(".mytest").txtaAutoHeight(); ????????});</script></html>

jQuery让textarea自适应高度

原文地址:https://www.cnblogs.com/liumangdashi/p/8118000.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved