问题
我想要在拉动textarea高度的时候，当他大于200，就return false,只能在100-200这个范围拉伸高度
如图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.test {
resize: vertical;
}
</style>
</head>
<body>
<div>
<textarea class="test"></textarea>
<button id="btn">btn</button>
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
$("#btn").click(function() {
if ($(".test").hasClass("actived")) {
$('.test').css("resize", "vertical")
$(".test").removeClass("actived");
} else {
$('.test').css("resize", "none")
$(".test").addClass("actived");
}
console.log($(".test").height())
if ($(".test").height() > 200) {
console.log(aa);
return false;
}
})
</script>
</body>
</html>
1 回答
哔哔one
TA贡献1854条经验 获得超8个赞
不必使用 javascript，只需要 min-height 和 max-height css 属性，如下
<html>
<head></head>
<body>
<div>
<textarea style="min-height:100px; max-height:200px;"></textarea>
</div>
</body>
</html>- 1 回答
- 0 关注
- 426 浏览
添加回答
举报
0/150
提交
取消