textarea组合件换行

肥肥呀呀呀

已于 2023-08-19 11:30:20 修改

阅读量376

点赞数

CC 4.0 BY-SA版权

分类专栏： react 架构师文章标签： javascript java 前端

于 2023-06-01 10:51:56 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43575775/article/details/130983670

架构师同时被 2 个专栏收录

9 篇文章

订阅专栏

react

7 篇文章

订阅专栏

文章讲述了在文本输入场景中，如何分别处理Ctrl+Enter和Enter键的事件。按下Ctrl+Enter时进行换行操作，添加到输入值；而单纯按下Enter键则发送消息，需防止默认行为并提供输入值检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当ctrl 加enter就换行

直接enter就发送

换行是

直接给内容拼接上 \n

如果想触发每个元素的事件，直接获取这个元素.[事件]()

如：

dom.click()

dom.focus()

textareaRef.current.resizableTextArea.textArea.focus();

  async function onPressEnter(e) {
    if (e.key === "Enter" && e.ctrlKey) {
      e.preventDefault();
      // 换行操作
      setInput(inputValue + "\n");
    }
    if (e.key === "Enter" && !e.ctrlKey) {
      e.preventDefault();
      if (!inputValue) return false;
      sendMessageCallBack(inputValue);
    }
  }