首页 > 其他分享 >多行输入enter发送,enter+shif换行

多行输入enter发送,enter+shif换行

时间:2024-10-11 09:32:56浏览次数:7  
标签:target textarea 换行 enter shif cursorPos Enter event


<textarea-->
<!--            id="input-id"-->
<!--            class="transparent-input1"-->
<!--            :rows="2"-->
<!--            placeholder="请输入内容,Shift+Enter换行"-->
<!--            v-model="resultShow"-->
<!--            @keydown="handleKeydown"-->
<!--        ></textarea>-->


handleKeydown(event) {
      if (event.key === 'Enter' && event.shiftKey) {
        // Shift + Enter for newline
        const cursorPos = event.target.selectionStart;
        this.textarea =
            this.textarea.substring(0, cursorPos) + '\n' + this.textarea.substring(cursorPos);
        this.$nextTick(() => {
          event.target.selectionStart = cursorPos + 1;
          event.target.selectionEnd = cursorPos + 1;
        });
        event.preventDefault();
      } else if (event.key === 'Enter' && !event.shiftKey) {
        // Enter for submit
        this.open();
        event.preventDefault();
      }
    },

标签:target,textarea,换行,enter,shif,cursorPos,Enter,event
From: https://www.cnblogs.com/baozhengrui/p/18457750

相关文章

  • VMware vCenter Server 8.0U3c 发布下载,修复 U3b 更新停止响应的问题
    VMwarevCenterServer8.0U3c发布下载-集中式管理vSphere环境ServerManagementSoftware|vCenter请访问原文链接:https://sysin.org/blog/vmware-vcenter-8-u3/查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgVMwarevCenterServer是一款高级服务器管理软......
  • Vision-Language and Large Language Model Performance in Gastroenterology: GPT, C
    本文是LLM系列文章,针对《Vision-LanguageandLargeLanguageModelPerformanceinGastroenterology:GPT,Claude,Llama,Phi,Mistral,Gemma,andQuantizedModels》的翻译。胃肠病学中的视觉语言和大型语言模型表现:GPT、Claude、Llama、Phi、Mistral、Gemma和量......
  • 鸿蒙应用示例:实现文本高亮与自动换行
    在设计应用界面时,我们常常需要对某些重要的文本进行高亮显示,以引起用户的注意。同时,在一些场景中,我们需要确保长文本能够自动换行,以适应不同的屏幕尺寸和布局需求。本文将通过两个示例,分别展示如何在HarmonyOS应用中实现这些功能。【示例一】文本高亮显示@Entry@Componentstruct......
  • PbootCMS挪用内容中换行符“”不换行怎么办
    在PbootCMS中,如果你遇到后台输入的换行符(如 <br>)在前台显示时变成了文本(如 <br>),可以通过使用格式化标签来解决这个问题。具体来说,可以使用 decode=1 参数来解码HTML实体。手册中的说明根据PbootCMS在线手册中的说明,在公共标签部分,有一个“其他格式化标签”的说明,其中......
  • 给PbootCMS增加换行标签br=1
    在PbootCMS中,如果你需要在前端显示一个包含换行符的简介字段,并且希望这些换行符能够正确显示为HTML中的换行,可以通过自定义解析器来实现这一功能。以下是详细的步骤:步骤1:修改ParserController.php文件打开文件:打开 \apps\home\controller\ParserController.php 文......
  • INCS 775 – Data Center Security
    INCS775–DataCenterSecurityContent:OracleVirtualBoxor/andVMwareWorkstationPlayerinstallationPythonUserisnotinthesudoersfileMininetInstallationInstallingiPerf3onUbuntuStartMininetMininetHostsMininetMininetBuilt-inTopologi......
  • [ABC150F] Xor Shift
    题意给定两个序列\(a,b\),求将\(b\)循环移位\(k\)位,再给所有\(b_i\oplusx\),求所有满足条件的\((k,x)\)。\(n\le2\times10^5\)。Sol对于区间异或,容易想到差分。考虑对\(a\)和\(b\)分别差分,注意到差分后\(x\)直接消失了!也就是:\(a_0\oplusa_1=b_{(......
  • VM--VSphere 7安装部署 (详细教程 EXSI+VCenter)
    目录一、Vsphere7简介二、Vsphere7.0安装部署    2.1服务器阵列卡配置安装  2.1.1服务器配置磁盘阵列2.1.2创建磁盘阵列2.1.3选取硬盘2.1.4选择RAID方式2.2VMwareESXi系统安装2.2.1 选择启动项2.2.2进入系统安装2.2.3确认安装2.2.4接受许可2.2.5......
  • 实战 vSphere 7 vMotion 迁移说明 ( Vcenetr 内迁移、 跨vcenter 迁移)
    目录一、vMotion简介二、Vcenter内虚拟机迁移2.1无共享存储的环境中的vMotion具有以下要求和限制2.2网卡启用vMotion​编辑2.3右键单击虚拟机,然后选择迁移2.4选择更改计算资源和存储2.5选择虚拟机的目标资源2.6选择虚拟机磁盘格式2.7选择虚拟机存储策略2.......
  • ElementUI中实现el-table表格列宽自适应,列根据内容自动撑满,内容不换行
    一、概述在表格宽度固定时,实现内容不换行,表格自动显示滚动条当前显示效果: 期望实现效果: 二、实现思路遍历表格数组,每次都构建一个隐藏的span元素,获取该元素的宽度,对比保存最大值代码如下:/***表格列宽自适应*@paramprop属性*@paramrecords数据*@paramm......