我已经研究了很多内容,包括如何制作一个调整 textarea
大小的“grippie”,并尝试了所有代码,但没有一个起作用。有什么帮助吗?当你提出问题或发布答案时,我试图让它像 Stack Overflow 上的那样。
最佳答案
我知道怎么做了!! Here是一个摆弄该项目的人。我会持续更新,做得更好!
HTML
<textarea id="textarea"></textarea>
<div id="grippie" draggable="false"></div>
QJuery/JavaScript
var resize = false;
$('#textarea').hover(function(e){
e.preventDefault();
resize = false;
});
$('#grippie').mousemove(function(e){
if(resize == true){
$('#textarea').height(e.pageY-18);
}
});
$('#grippie').mousedown(function(e){
resize = false;
resize = true;
});
$(window).mouseup(function(e){
resize = false;
});
CSS
#textarea {
padding: 2px;
width: 400px;
height: 200px;
min-height: 50px;
overflow: auto;
resize: none;
}
#grippie {
display: block;
width: 404px;
height: 5px;
background-color: #CCC;
border: 1px solid #888;
cursor: s-resize;
}
关于Javascript/JQuery 使用 div 调整文本区域大小/"grippie",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37736223/