去掉小程序textarea上的完成按钮栏

最新推荐文章于 2020-09-14 15:18:50 发布
最新推荐文章于 2020-09-14 15:18:50 发布
阅读量504 收藏 1
点赞数
原文链接：http://www.cnblogs.com/gaoxinwu/p/9450579.html
版权

 小程序textarea上会自动多一个完成按钮，如下图所示，如果是mpVue，在textarea添加     :show-confirm-bar="false"     即可。

 

 

转载于:https://www.cnblogs.com/gaoxinwu/p/9450579.html

weixin_30329623
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序-如何去掉textarea输入框呼出键盘上的完成按钮栏？【亲测有效】
**My Coding Family**
04-26 6915
微信小程序-如何去掉textarea输入框呼出键盘上的完成按钮栏？【亲测有效】
《uni-app》表单组件-Input组件
Oliver尹的博客
09-17 4310
input，输入框组件，表单届的扛把子，几乎所有的表单都离不开input，一个表单可以没有radio，可以没有checkbox，但是几乎不大可能没有输入框，它 是表单组件中属于使用频率最高的一种，常见的业务场景包括登录时的用户名，密码以及注册时一大堆信息填写，只要是信息录入的功能第一选择基本都是输入框；
手机页面text\textarea输入完成无法自动关闭
luoqiang0831的专栏
09-23 699
今天在写H5的时候 测试人员给我提出当我点击了这个文本框 出现对应的键盘输入是正确的,可是我如果是点了取消(当时是一个遮罩层里面有一个textarea,还有一个取消按钮,作用是关闭当前遮罩层)遮罩层消失,对应的键盘也要隐藏.当时也想对是这个逻辑,就用js把textarea焦点移除,好吧,新的问题又出来了 在IOS下面他不行,就在网上搜索了一下,抄一下别人的代码 大概的意思就是苹果上面不支持cli
textarea 去掉完成两个字
Hero_rong的博客
09-26 940
去掉前 去掉后 将show-confirm-bar设置为空就行了，默认的是true，但是设置为false也是无效，只有设置为空才有效果 <textarea name="" id="" cols="30" rows="10"show-confirm-bar=""></textarea> ...
微信小程序 textarea的show-confirm-bar=false 完成按钮不隐藏
一只小辣鸡
05-21 2878
问题 textarea组件加上show-confirm-bar=“false”，完成按钮不隐藏 方法 show-confirm-bar = "{{false}}"
去除IOS苹果手机自带按钮样式的方法(推荐)
08-28
在iOS设备上，苹果自家的UI设计通常会为HTML元素如按钮和文本框赋予特定的样式，这些样式与iOS系统的整体风格保持一致。然而，在开发自定义应用或网页时，有时我们可能希望去除这些默认样式，以实现更个性化或者统一...
程序天下:JavaScript实例自学手册
07-08
2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的...
《程序天下：JavaScript实例自学手册》光盘源码
02-08
2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的...
TinyMCE自定义上传图片
12-04
TinyMCE是一款强大的所见即所得（WYSIWYG）文本编辑器，广泛应用于网页内容编辑、CMS系统和各种应用程序中。它提供了丰富的API和插件系统，使得开发者可以定制编辑器的功能，以满足特定需求。在这个场景中，我们将...
ckEditorC#.rar
11-20
可以通过配置对象在 JavaScript 中设置选项，如去除工具栏某些按钮，调整字体大小等。例如： ```javascript CKEDITOR.replace('txtEditor', { toolbar: 'Basic', width: '600px' }); ``` 这将使用基础工具栏...
微信小程序中textarea组件如何去除上方的完成按钮
qq_43241161的博客
06-03 1529
根据文档在组件中使用配置 show-confirm-bar属性即可 如下图所示 <textarea value="{{duohangValue}}" placeholder="请输入您的留言" fixed bindinput="liuyanleirong" class="duohang" show-confirm-bar='{{false}}' bindfocus="foucus" bindblur="blur" /> show-confirm-bar一定要加{{}}
小程序中textarea点击按钮事件
YUSIR 完美CODING世界
07-19 5810
textarea 的 blur 事件会晚于页面上的 tap 事件，如果需要在 button 的点击事件获取 textarea，可以使用 form 的 bindsubmit。   &lt;view class="section"&gt; &lt;form bindsubmit="bindFormSubmit"&gt; &lt;textarea placeholder="form 中...
微信小程序 -- textarea输入时，其框顶在手机输入键盘之上
Emily
07-31 6066
在微信小程序开发时，textarea进行输入时，会发现其效果如左图，体验感并不是很好。而我们最终需要的效果是如右图，如何实现呢？ 其实很简单，只需给textarea加一个属性即可：cursor-spacing，其值按需设置。 <textarea name='remark' placeholder='请输入备注' cursor-spacing="90"...
微信小程序 textarea 组件详解及简单实例
马果的博客
03-19 4157
微信小程序textarea 相关文章： 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input  微信小程序 form 微信小程序 checkbox 多行输入...
微信小程序----组件之textarea
热门推荐
翟浩浩Android专栏
09-07 1万+
效果图： 项目结构： 核心代码： index.wxml 使得输入框获取焦点 提交 index.js //textarea.js Page({ data: { height: 20, focus: false }, bindButtonTap: fu
微信小程序之获取点击软键盘搜索按钮,并取值
qq_38110572的博客
07-10 4568
wxml <input name="search" type='text' confirm-type="search" bindconfirm="bindconfirm" focus='{{focus}}' bindinput='bindinput' ></input> js bindinput 用来实时获取客户填写的信息 bindconfirm 用来监听手机键盘上的搜索按钮，这也是触发键盘搜索的关键， 这个属性 把搜索事件写到这里面就可以了 // 点击键盘上的搜索取值 b
小程序 修改键盘右下角的按钮为搜索，发送，完成，下一个....等按键
ke_sin的博客
06-05 2723
第一次遇到这样的需求，结果真的有办法能改变，真是让人"饿眉z影" ???? 先来一个input框 <input confirm-type="search" bindconfirm="startSearch"></input> confirm-type有效值： search 右下角按钮会变为“搜索” send 右下角按钮会变为“发送” next 右下角按钮会变为“下一个” go 右下角按钮会变为“前往” done 右下角按钮会变为“完成” bindconfirm代表： 绑定的事
微信小程序点击软键盘搜索按钮（confirm-type=“search“）之后的取值
青衫折扇的博客
09-14 2446
<input name="search" type='text' confirm-type="search" bindconfirm="bindconfirm" focus='{{focus}}' bindinput='bindinput' ></input> // 点击键盘上的搜索 bindconfirm:function(e){ var that=this; var discountName=e.detail.value['search - inpu.
微信小程序textarea输入文字，点击按钮把数据带到函数
最新发布
08-06
### 回答1： 在小程序中，可以使用textarea组件来获取用户输入的文字。在点击按钮时，可以使用bind:tap或者catch:tap来绑定按钮的点击事件，在事件处理函数中，使用event.detail.value来获取textarea组件中的值。 示例代码: WXML: ``` <textarea placeholder="请输入文字" bindinput="getInputValue" id="textarea"></textarea> <button bind:tap="submitData">点击提交</button> ``` JS: ``` Page({ data: { inputValue: "" }, getInputValue: function (e) { this.setData({ inputValue: e.detail.value }) }, submitData: function () { console.log(this.data.inputValue) } }) ``` 在这个例子中，当用户在textarea中输入文字并点击按钮时，submitData函数会被调用，并在控制台中打印出用户输入的文字。 ### 回答2： 微信小程序中的textarea是用于用户输入多行文本的组件，我们可以通过点击按钮的方式获取textarea输入的文字数据，将其带入到相应的函数中进行处理。 首先，在wxml文件中，我们需要编写相应的代码。示例代码如下： ```html <view> <textarea bindinput="textareaInput"></textarea> <button bindtap="handleButtonClick">点击按钮</button> </view> ``` 在这段代码中，textarea绑定了一个名为`textareaInput`的事件，该事件会在用户输入时被触发。按钮绑定了一个名为`handleButtonClick`的事件，该事件会在按钮被点击时被触发。 接下来，在对应的js文件中，我们需要编写相应的函数来处理按钮点击事件，并获取textarea输入的文字数据。示例代码如下： ```javascript Page({ data: { textareaValue: '' // 初始化textarea的值为空 }, textareaInput(e) { this.setData({ textareaValue: e.detail.value // 获取用户输入的文字并存储在data中的textareaValue变量中 }); }, handleButtonClick() { const inputData = this.data.textareaValue; // 获取data中的textareaValue变量的值，即用户输入的文字数据 // 在这里可以进行相应的数据处理操作 console.log(inputData); } }) ``` 在这段代码中，我们使用了data来存储textarea的值，通过`textareaInput`函数来更新data中的textareaValue变量，以获取用户输入的文字数据。在`handleButtonClick`函数中，我们通过`this.data.textareaValue`来获取保存在data中的textareaValue变量的值，即用户输入的文字数据，并进行相应的处理。 这样，我们就可以实现点击按钮将textarea输入的文字数据带到函数中进行处理了。 ### 回答3： 在微信小程序中，我们可以使用textarea组件来实现输入文字的功能。当用户在textarea中输入了文字后，我们可以通过绑定一个input事件来获取输入的内容，并将其保存在一个变量中。接下来，我们可以在点击按钮时，将这个变量作为参数传递给一个函数来处理。 首先，在小程序的wxml文件中，我们需要添加一个textarea组件和一个按钮组件： ```html <view> <textarea bindinput="getText"></textarea> <button bindtap="handleClick">点击按钮</button> </view> ``` 其中，bindinput表示textarea的输入事件，我们在这个事件中调用getText函数来获取输入的内容。而bindtap表示按钮的点击事件，我们在这个事件中调用handleClick函数来处理数据。 接下来，在小程序的js文件中，我们需要定义这两个函数： ```javascript Page({ data: { textContent: '' }, getText: function(e) { this.setData({ textContent: e.detail.value }) }, handleClick: function() { // 在这里可以通过this.data.textContent来获取输入的文字内容，进行处理 console.log(this.data.textContent); // 在这里调用其他函数来处理数据，或者进行其他操作 // ... } }) ``` 在getText函数中，我们通过调用setData函数将textarea中的输入内容保存在data中的textContent变量中。 在handleClick函数中，我们可以通过this.data.textContent来获取之前保存的文字内容，并进行处理。在这里，我简单地通过console.log打印了一下文字内容，你可以在这里调用其他函数来处理数据，或者进行其他操作。 这样，当用户在textarea中输入文字后，点击按钮时，数据会被带到handleClick函数，并可以在这个函数中进行进一步的处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值