JavaScript 回车发布文字经典案例

最新推荐文章于 2024-03-12 20:38:38 发布

前端入坑小何

最新推荐文章于 2024-03-12 20:38:38 发布

阅读量1.7k

点赞数 2

分类专栏： JavaScript APIs 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_47926886/article/details/124027146

版权

本文探讨了使用JavaScript在用户按下回车键时发布文字的功能。通过阅读，你可以了解到如何自动生成文章目录以及相关帮助文档。

摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

一名刚刚入坑前端的小白，如有错误还望指出，谢谢您的查阅

提示：以下是本篇文章正文内容，下面案例可供参考

回车发布文字


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>评论回车发布文字</title>
  <style>
    .wrapper {
     
      min-width: 400px;
      max-width: 800px;
      display: flex;
      justify-content: flex-end;
    }

    .avatar {
     
      width: 48px;
      height: 48px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 20px;
    }

    .wrapper textarea {
     
      outline: none;
      border-color: transparent;
      resize: none;
      background: #f5f5f5;
      border-radius: 4px;
      flex: 1;
      padding: 10px;
      transition: all 0.5s