当前位置: 首页 > news >正文

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);
});
http://www.lryc.cn/news/257471.html

相关文章:

  • dubbo框架技术文档-《spring-boot整合dubbo框架搭建+配置文件》框架的本地基础搭建
  • 中通快递单号查询入口,将指定某天签收的单号筛选出来
  • MySQL-含json字段表和与不含json字段表查询性能对比
  • 如何用Docker快速搭建本地开发环境
  • SpringDataJPA基础
  • 程序员如何成为自由的独立开发者?
  • Ant Design Vue(v1.7.8)a-table组件的插槽功能
  • 笔记69:Conv1d 和 Conv2d 之间的区别
  • 关于马达保护器 的选型 你知道吗
  • springboot(ssm高校竞赛管理系统 在线竞赛平台 Java系统
  • SDXL使用animateDiff和hotshot-xl进行文生视频
  • 【高数:3 无穷小与无穷大】
  • C语言预读取技术 __builtin_prefetch
  • 自动驾驶学习笔记(十三)——感知基础
  • WLAN配置实验
  • java_web接收前端传的excel文件读取数据
  • 在Vue开发中v-if指令和v-show指令的使用介绍和区别及使用场景
  • Power Query是啥
  • 在k8s中部署nfs-client-provisioner
  • 23.12.10日总结
  • 持续集成交付CICD:通过API方式上传Nexus制品
  • Hadoop学习笔记(HDP)-Part.14 安装YARN+MR
  • reinforce 跑 CartPole-v1
  • 【VRTK】【VR开发】【Unity】13-攀爬
  • 华为OD机试真题-求幸存数之和-2023年OD统一考试(C卷)
  • python pyaudio实时读取音频数据并展示波形图
  • 【算法系列篇】递归、搜索和回溯(二)
  • Ubuntu下安装SDL
  • 创建vue项目:vue脚手架安装、vue-cli安装,vue ui界面创建vue工程(vue2/vue3),安装vue、搭建vue项目开发环境(保姆级教程二)
  • 【3】密评-物理和环境安全测评