javascript - Javascript/JQuery div/"grippie" を使用してテキスト領域のサイズを変更する

Question

のサイズを変更する「グリッピー」を作成する方法をカバーする多くのことを調べ、textareaすべてのコードを試しましたが、何も機能しませんでした。何か助けはありますか？質問をしたり、回答を投稿したりするときに、Stack Overflow のもののようにしようとしています。

Answer 1

やり方わかりました！！これがプロジェクトのフィドルです。これからもどんどん更新して、もっと良くしていきます！

HTML

<textarea id="textarea"></textarea>
<div id="grippie" draggable="false"></div>

Qジュリー/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;
}