当前位置:首页|资讯|ChatGPT|编程

textarea文本框回车enter的时候自动提交表单,根据内容自动高度

作者:专注做前端发布时间:2024-03-25

原标题:textarea文本框回车enter的时候自动提交表单,根据内容自动高度

切图网近期一个bootstrap5仿chatgpt页面的项目遇到的,textarea文本框回车enter的时候自动提交表单,根据内容自动高度,代码如下,亲测可用。

<textarea placeholder="Message ChatGPT…" name="" rows="" cols="" id="textarea"></textarea>

//输入框回车自动提交表单

$('#textarea').keydown(function() {

if (event.keyCode == 13) {

this.form.submit();

return false;

}

});

//输入框根据内容自动高度

$("#textarea").on("input", function() {

//var content = $(this).val();

$(this).height(0);

$(this).height(this.scrollHeight-28);

});


Copyright © 2024 aigcdaily.cn  北京智识时代科技有限公司  版权所有  京ICP备2023006237号-1