Rumah >hujung hadapan web >tutorial js >pemalam jquery melaksanakan ketinggian automatik kotak teks berbilang baris [textarea]_jquery

pemalam jquery melaksanakan ketinggian automatik kotak teks berbilang baris [textarea]_jquery

WBOY
WBOYasal
2016-05-16 16:11:201181semak imbas

Pelaksanaan fungsi:

1/Tingkatkan ketinggian garisan secara automatik apabila kawasan teks membalut
2/Apabila textarea memadamkan baris, ketinggian garisan dikurangkan secara automatik Ketergantungan: jquery.xxx.js Saya perlu menggunakan fungsi yang serupa di tempat kerja, tetapi saya mendapati sukar untuk menggunakan pemalam untuk mengimport fail lain, jadi saya menulis satu

pemalam jquery textarea

Salin kod Kod adalah seperti berikut:




Salin kod Kod adalah seperti berikut:
jQuery.extend({
textareaAutosize_dc: function() {
          $("textarea").on("keyup", fungsi(e) {
               var currentEnterCount = $(this).val().split("n").length;
          var lineHeight = Number($(this).css("line-height").replace("px", ""));
            var enterCount = $(this).attr("enterCount");
Jika (currentEnterCount < enterCount && enterCount != undefined) {
//Tolak ketinggian baris tetap daripada setiap baris
                    $(this).height($(this).height() - lineHeight);
                } jika tidak (currentEnterCount > enterCount) {
//Tambah ketinggian baris tetap pada setiap baris
                     $(this).height($(this).height() lineHeight);
                     $(this).attr("enterCount", currentEnterCount);
            }
//Rekod ketinggian baris semasa
               $(this).attr("enterCount", currentEnterCount);
        });
}
});
//Panggil ketinggian automatik
$.textareaAutosize_dc();

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn