文主要講的是多行文本框一鍵清空 、限制數(shù)量功能，一起來看看~

這次我們來講解一個在多行文本框 一鍵清空 / 限制數(shù)量功能。

一、準備元件

1. 首先打開 Axure 新建文件，拖取一個矩形，設置長度為： 375 px ，高度為： 80 px ；
2. 拖取一個多行文本框，設置長度為： 335 px ，高度為： 60 px，右鍵設置隱藏邊框，設置提醒文字“輸入文本時顯示清除按鈕、數(shù)量倒計” ，命名為：“ 輸入框 ” （ 這里為隨意輸入 ） ；
3. 拖取一個文本，設置字體為： 12 px ，色值為 #999999 ，命名為：“ 限制數(shù)量展示 ” ；
4. 最后我們再做一個清空按鈕，大小 20 px 左右 ，命名為：“ 清空按鈕 ” ，然后點擊隱藏。

好的，完成之后我們會得到一下的樣子：

二、設置輸入框的交互樣式

（1）雙擊 “文本改變時” ，設置輸入框的 Case 1 的條件為：全部 – 元件文字 – This 等于（ “ == ” 是等于的意思）空值，設置隱藏清空按鈕。

（2）然后我們再雙擊 “文本改變時” ，設置 Case 2 的條件為：全部 – 元件文字 – This 不等于（ “ ！= ” 是不等于的意思 ）空值，設置顯示清空按鈕。

（3）第三步雙擊 “ 獲取焦點時 ” ，設置 Case 1 的條件為：全部 – 元件文字 – This – 不等于空值，設置顯示清空按鈕。

（4）最后我們再雙擊 “ 失去焦點時 ” ,設置隱藏清空按鈕（ 此處較簡單無配圖 ）。

此時我們就把清空按鈕的功能完善了，現(xiàn)在我們可以來看一下（騰訊視頻鏈接）：https://v.qq.com/x/page/p1343kj95p6.html

清空輸入框的功能完成了，現(xiàn)在我們要來做字符數(shù)量限制，已經(jīng)完成的小伙伴接著往下看吧！

三、進階

1. 選擇輸入框，繼續(xù)雙擊 “文本改變時” ，在 Case 3 設置文字于 This 為： “ [[This.text.substr（1,100）]] ” ；
2. 然后再設置 “ 限制數(shù)量展示 ” 的富文本為：“ [[100-This.text.length]]/100 ” ，設置為右對齊，不清楚的可以看看下圖。

然后我們的所有效果就都已經(jīng)實現(xiàn)了，各位完成的小伙伴預覽一下自己的成果吧！

騰訊視頻鏈接：https://v.qq.com/x/page/i1343yve2yx.html

以上就已制作完所有流程，需要源文件或者有相關(guān)問題討論的，歡迎在下方留言。

end

本文由 @李桂東 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

何在 JavaScript 中刪除數(shù)組的某一項？

大家好，今天講解一下如何在 JavaScript 中刪除數(shù)組中的某一項。在 JavaScript 中刪除數(shù)組中的某一項可以通過多種方法實現(xiàn)，最常用的是使用 splice方法。下面通過一個代碼片段來演示一下。

首先，打開提前配置好的 VS Code 工具，然后點擊“新建一個 JavaScript 文件”，比如“APP”，將文件命名為“js”，并定義一個數(shù)組。

接下來，定義一個變量，這個變量是干什么的？它是用來告訴接下來的 splice方法刪除索引對應的元素。比如，想要刪除數(shù)組中的數(shù)字 3，元素 3，這個 3 對應的索引是 0、1、2、12。

接下來，調(diào)用 splice方法，刪除索引為 2 的元素，并打印刪除后的數(shù)組。

接下來，按“Ctrl+S”保存并運行代碼，可以看到原來的數(shù)組中也包含 5 個元素，1、2、3、4、5，經(jīng)過刪除后的數(shù)組現(xiàn)在只剩下 4 個元素，1、2、4、5，3 已經(jīng)被刪除了。

這個點 splice方法，前面的 index 表示想要刪除的數(shù)值的索引，也就是元素所在位置的索引。這個后面的第二個參數(shù)表示想要刪除的個數(shù)，然后再接著打印出來，這樣就完成了。

當然，還有其他的方法可以刪除數(shù)組中的元素，但是 splice方法是最直接和最常用的一種。