文主要讲的是多行文本框一键清空 、限制数量功能，一起来看看~

这次我们来讲解一个在多行文本框 一键清空 / 限制数量功能。

一、准备元件

1. 首先打开 Axure 新建文件，拖取一个矩形，设置长度为： 375 px ，高度为： 80 px ；
2. 拖取一个多行文本框，设置长度为： 335 px ，高度为： 60 px，右键设置隐藏边框，设置提醒文字“输入文本时显示清除按钮、数量倒计” ，命名为：“ 输入框 ” （ 这里为随意输入 ） ；
3. 拖取一个文本，设置字体为： 12 px ，色值为 #999999 ，命名为：“ 限制数量展示 ” ；
4. 最后我们再做一个清空按钮，大小 20 px 左右 ，命名为：“ 清空按钮 ” ，然后点击隐藏。

好的，完成之后我们会得到一下的样子：

二、设置输入框的交互样式

（1）双击 “文本改变时” ，设置输入框的 Case 1 的条件为：全部 – 元件文字 – This 等于（ “ == ” 是等于的意思）空值，设置隐藏清空按钮。

（2）然后我们再双击 “文本改变时” ，设置 Case 2 的条件为：全部 – 元件文字 – This 不等于（ “ ！= ” 是不等于的意思 ）空值，设置显示清空按钮。

（3）第三步双击 “ 获取焦点时 ” ，设置 Case 1 的条件为：全部 – 元件文字 – This – 不等于空值，设置显示清空按钮。

（4）最后我们再双击 “ 失去焦点时 ” ,设置隐藏清空按钮（ 此处较简单无配图 ）。

此时我们就把清空按钮的功能完善了，现在我们可以来看一下（腾讯视频链接）：https://v.qq.com/x/page/p1343kj95p6.html

清空输入框的功能完成了，现在我们要来做字符数量限制，已经完成的小伙伴接着往下看吧！

三、进阶

1. 选择输入框，继续双击 “文本改变时” ，在 Case 3 设置文字于 This 为： “ [[This.text.substr（1,100）]] ” ；
2. 然后再设置 “ 限制数量展示 ” 的富文本为：“ [[100-This.text.length]]/100 ” ，设置为右对齐，不清楚的可以看看下图。

然后我们的所有效果就都已经实现了，各位完成的小伙伴预览一下自己的成果吧！

腾讯视频链接：https://v.qq.com/x/page/i1343yve2yx.html

以上就已制作完所有流程，需要源文件或者有相关问题讨论的，欢迎在下方留言。

end

本文由 @李桂东 原创发布于人人都是产品经理。未经许可，禁止转载

何在 JavaScript 中删除数组的某一项？

大家好，今天讲解一下如何在 JavaScript 中删除数组中的某一项。在 JavaScript 中删除数组中的某一项可以通过多种方法实现，最常用的是使用 splice方法。下面通过一个代码片段来演示一下。

首先，打开提前配置好的 VS Code 工具，然后点击“新建一个 JavaScript 文件”，比如“APP”，将文件命名为“js”，并定义一个数组。

接下来，定义一个变量，这个变量是干什么的？它是用来告诉接下来的 splice方法删除索引对应的元素。比如，想要删除数组中的数字 3，元素 3，这个 3 对应的索引是 0、1、2、12。

接下来，调用 splice方法，删除索引为 2 的元素，并打印删除后的数组。

接下来，按“Ctrl+S”保存并运行代码，可以看到原来的数组中也包含 5 个元素，1、2、3、4、5，经过删除后的数组现在只剩下 4 个元素，1、2、4、5，3 已经被删除了。

这个点 splice方法，前面的 index 表示想要删除的数值的索引，也就是元素所在位置的索引。这个后面的第二个参数表示想要删除的个数，然后再接着打印出来，这样就完成了。

当然，还有其他的方法可以删除数组中的元素，但是 splice方法是最直接和最常用的一种。