Textarea has a high degree of automatic growth of errors.

var scroll_Height = $("-sharpcontent").get(0).scrollHeight;
      $("-sharpcontent").css("height",scroll_Height + "px");

      $("-sharpcontent").on("input", function() {
        var scroll_Height = $("-sharpcontent").get(0).scrollHeight;
        $("-sharpcontent").css("height",scroll_Height + "px");
      });
<textarea name="content" id="content" class="normal_input_admin" row="1"><?=$data["content"];?></textarea>

what"s a little weird is that
when I press enter, it always increases. It all looks normal
, but when I want to go back to delete to delete text (each line)
his height only goes down 1px
suppose I press Enter three times and the height is 150px
but I want to eliminate that when these three lines become one line, his height will be like 148px. Change the true height without losing it to me
what"s the problem?

Textarea javascript jquery
Apr.21,2021
but when I want to go back to delete to delete the text (each line), his height will only be 1px down

reason:

    The height value of
  1. scrollHeight is the content area + padding,
  2. css ('height') is the content area + padding + border

in this example, from the phenomenon you describe, textarea defaults to 1px border and 0px padding, that is,
actually scrollHeight has been 2px less than css ('height').
when, css (' height' is assigned to a smaller scrollHeight, than it every time the input event is triggered, the phenomenon you see will appear: "when delete deletes the text (each line), his height will only be deducted by 1px." it's not 1px, it's 2px.

the solution can be provided by @ Moon Shadow. The principle is that each time an input event is triggered, cancel the height of the textarea (this.style.height = 'auto'), and a scroll bar appears. The purpose of this is so that the scollHeight will be equal to the actual height of the text . If you omit this step, you will find that the high scrollHeight will not change when you delete the text.

finally rewrite Yueying's answer as follows, can avoid slight textarea jitter in his solution . 

  https://blog.csdn.net/zhuogan.

Previous: How can laravel foreach determine that only the first two lines are looped out.

Next: Mac startup items and startup processes

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu