微信小程序 textarea 复制一大段内容粘贴到内容框，所有文字会往上推，在页面上看不到内容

最新推荐文章于 2025-10-20 10:33:06 发布

原创最新推荐文章于 2025-10-20 10:33:06 发布 · 9.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #小程序

微信同时被 2 个专栏收录

8 篇文章

订阅专栏

小程序

3 篇文章

订阅专栏

本文介绍了一种在网页中使用文本区域时遇到的问题：当复制大量文本并粘贴到文本框内时，页面上的内容会被向上推送，导致无法直接看到粘贴的内容。文章提供了解决方案，即通过设置fixed属性为true来确保光标始终定位在输入框底部。

部署运行你感兴趣的模型镜像

现象

写纸条页，复制一大段内容粘贴到内容框，所有文字会往上推，在页面上看不到内容，应该使得光标定位在输入框的最底下
这里写图片描述

<textarea class="program-write-main" maxlength="2000" placeholder="写在这儿，留给别人看看" bindinput="inputMsg"></textarea>

解决办法

//加   fixed="true"
<textarea class="program-write-main" fixed="true" maxlength="2000" placeholder="写在这儿，留给别人看看" bindinput="inputMsg"></textarea>

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成

ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SakuraLJ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序-input或textarea 里输入的文字或者是placeholder里的值，飘到弹出view上

kerryqpw的博客

07-31

5456

微信小程序-input或textarea 里输入的文字或者是placeholder里的值，飘到弹出view上 微信小程序中经常会出现：弹出view，input框文字飘到view上，如下图。 ··········由于textarea是原生组件实现，层级最高，目前还无法支持在上面覆盖元素这样的交互设计。既然如此我们就只能----绕着走了。 ...

微信小程序textarea的内容随着屏幕上下移动的问题

kerryqpw的博客

12-26

1万+

微信小程序textarea的内容随着屏幕上下移动的问题

参与评论您还未登录，请先登录后发表或查看评论

网页中文字的复制和微信小程序中text文字的复制

laowang357的博客

02-13

5235

微信小程序text中文字的复制功能方法一：在小程序页面中可以手动选择文本复制 <text selectable="true">{{texts}}</text> 如图：注：加上这个之后在微信开发者工具上可能不能很好的复制，只能复制几个字，真机扫码调试在手机上可以长按选择复制方法二：一键复制按钮直接在某个地方(文本、按钮、图片等都行)绑定个点击事件bindtap="copyBtn" 把你需要复制的内容传到后台去data-ordernum="{{需要复制的内容}}"

【微信小程序实现区域内容复制的技术】

最新发布

2301_76672522的博客

10-20

518

微信小程序实现区域内容复制的技术

微信小程序 textarea读取到的文本换行问题以及保存回车换行到后台数据库

asz3343的博客

01-31

2181

项目有一个需求是让商家自己编辑活动内容，然后发布到平台展示。我是这样做的使用的textarea来获取用户输入的内容，直接获取textarea的内容，断点会发现如果用户输入了回车会带有↵这个符号，如果你直接保存到数据库，在拿出来，这个符号会变成?,就是不识别。我做的方法是往后台提交的时候，将↵符号替换成自己设置的符号，拿出来的时候再将他替换成\n。将↵回车符替换为标识符...

微信小程序，实时获取textarea输入信息

Thea12138的博客

03-27

4315

<textarea bindblur="bindTextAreaBlur" auto-height placeholder="请输入texterea内容" value="{{ceshi}}" /> 利用聚焦失焦获取输入框内容，缺点是：输入内容后，直接点击提交，获取不到内容，只有点击textarea区域之外才可以触发函数，获得值 <textarea bindinput="b...

微信小程序从入坑到放弃二十二：完美兼容安卓和ios手机的底部评论框

yilingsj的博客

06-20

1449

摘要：不管是在普通的H5页面还是在微信小程序中，底部输入框一直是一大难题，因为键盘会在某些情况下遮挡信输入框一部分！值得庆幸的是：在微信小程序中，我们可以通过监听bindfocus来获取键盘的高度，动态算出输入框距离屏幕顶部的距离…

微信小程序 - 龙骨图集拆分

灵台方寸山斜月三星洞

12-15

1902

的代码都在处理交互逻辑，以及移动端PC端兼容方面的问题。数组，遍历它进行截取就可以了。可以看出结构非常简单，直接读。工具箱中的一个功能。只支持了JSON版本。

微信小程序maxlength手机端不生效

06-30

例如，复制一大段内容粘贴到内容框，所有文字会往上推，在页面上看不到内容。解决办法是在 `textarea` 中添加 `fixed="true"` 属性，以确保内容固定在输入框底部显示： #### 示例 WXML 文件（解决粘贴内容显示异常...

微信小程序知识点（中）

qq_20411471的博客

01-19

771

1.对象扩展运算符前面我们已经介绍过数组的拓展运算符，对象的扩展运算符 ...也有类型的作用，它可以取出对象里所有可遍历的属性，拷贝到新的对象中。为了可以看得更加清楚，我们可以进行打印对比： ...

微信小程序 bug 集中营

源码分享的博客

10-18

1648

微信小程序 bug 集中营 create byjsliangon2018-9-17 17:58:56 Recently revised in2018-10-18 09:38:15 Hello 小伙伴们，如果觉得本文还不错，记得给个star，你们的star是我学习的动力！GitHub 地址 GitHub 最新更新：2018-10-17 13:34:11。追求最新...

微信小程序-textarea获取输入值（利用表单按钮）

7TribeZ的博客

06-06

5140

textarea可以bindconfirm（键盘输入完成时执行）也可bindinput（键盘输入时执行）这些在手机上都依赖于小键盘，如果加一个按钮完成将textarea的值传递都逻辑层呢。可以借助表单的bindsubmit。 wxml <form bindsubmit='bindFormsubmit'> <textarea bindconf...

jQuery_review之textarea滚动条往上往下的实现

似水流年

07-24

2895

众所周知，各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现，能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO，这个如果添加动画效果会更好，jQuery所有的动画效果都是可以通过animate函数来实现，这里用到了一个CSS属性，scrollTop属性，是当前的滚动条距离上边距的而距离，此外，还在css中

小程序input textarea 禁止粘贴实现

qq_44036956的博客

12-23

2379

小程序中没有关于input禁止粘贴的功能，通过监听bindinput来实现禁止粘贴功能使用场景一般都是在type=number 或者其他不想让用户通过复制的效果来输入错误的数据思路： 1、bindinput 监听每次输入事件，通过对比当前输入内容长度和上次输入内容长度做判断如果 |当前内容长度 - 上次内容长度| != 1 ，则表示用户不是手动输入的，这时候清空输入框即可 2、|当前内容长度 - 上次内容长度| == 1 ，但是用户通过复制输入了不符合预...

微信小程序的复制文本 text 文本复制

热门推荐

技术分享

03-09

1万+

text文本。属性名类型默认值说明最低版本selectableBooleanfalse文本是否可选1.1.0spaceStringfalse显示连续空格1.4.0decodeBooleanfalse是否解码1.4.0实现部分文本的复制需要给text添加一定的属性问题就是select 的值的控制；< text selectable=’true’ >< text/> 只有本文...

解决微信小程序input滑动时内容上移

qq_43076278的博客

07-15

1774

在输入框获取焦点的时候给其加个view包住，属性catchtouchmove设置不可滑动。既然在边缘滑动就会有问题那就动态设置是否可以滑动获取焦点不可滑动失去焦点可滑动。在input框获取焦点的时候，上下滑动会使其文字悬浮。......

关于微信小程序 - textarea 的内容不固定问题，踩坑记录

weixin_44976078的博客

09-07

1238

在小程序开发中，当我们把 textarea 放到一个 position:fixed 中的元素中时。虽然 textarea 也会跟着固定位置，但是你会发现出小 bug：就是 textarea 的 placeholder 内容不会固定，当你上下拖动页面时，placeholder 的内容会跟着滚动。当你在 textarea 里输入文字后，上下拖动页面时，虽然输入框没有随着上下移动，但是输入的内容...

微信小程序中实现点击复制的功能

夜阑珊妖妖

04-12

8027

微信小程序中实现点击复制的功能复制代码 copywxtap: function () { wx.showToast({ title: '复制成功', }) wx.setClipboardData({ data: "复制内容", success: function (res) { wx.getClipboardData({...

【小程序学习笔记(四)】textarea文本框输入内容实时获取||提交上传||上传到text显示

weixin_51159944的博客

12-07

1851

<<viewform<textarea><button>>>

微信小程序textarea在苹果手机的大Bug：无视padding的坑

本文主要讨论了微信小程序开发过程中遇到的一个严重问题——textarea组件在苹果手机上的大Bug。作者首先强调，这个Bug的重要性在于它可能直接影响用户体验，且只有实际在苹果手机上进行测试才能发现。在前一篇文章中...