微信小程序中textarea與input的問題怎么解決

這篇文章主要講解了“微信小程序中textarea與input的問題怎么解決”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“微信小程序中textarea與input的問題怎么解決”吧！

創(chuàng)新互聯(lián)專注于灞橋網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供灞橋營銷型網(wǎng)站建設(shè)，灞橋網(wǎng)站制作、灞橋網(wǎng)頁設(shè)計(jì)、灞橋網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù)，打造灞橋網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供灞橋網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1、綁定bindkeyboardheightchange事件

問題：只為textarea綁定bindkeyboardheightchange事件，input也會(huì)觸發(fā)textarea的bindkeyboardheightchange事件，并且觸發(fā)所攜帶的參數(shù)都是textarea上面的參數(shù)

機(jī)型：安卓必現(xiàn)

解決辦法：未找到解決辦法

2、設(shè)置hold-keyboaed為true時(shí)

問題：當(dāng)把textarea和input的hold-keyboaed屬性設(shè)置為true時(shí)，并且input中有一個(gè)type不為text時(shí),連續(xù)切換會(huì)把鍵盤上方的完成卡住，并且不會(huì)再聚焦textarea

機(jī)型：安卓必現(xiàn)

解決辦法：1. 通過show-confirm-bar不顯示textarea鍵盤抬起時(shí)上方的完成按鈕，2. input的type都設(shè)置為text，3. 不設(shè)置hold-keyboaed為true

3、textarea穿透問題

問題：當(dāng)有fixed元素時(shí)，無論設(shè)置多少z-index值，textarea組件都會(huì)穿透該fixed元素

機(jī)型：安卓偶現(xiàn)

玄學(xué)點(diǎn)：有時(shí)是不會(huì)出現(xiàn)的，但當(dāng)我重新編譯、掃碼預(yù)覽時(shí)，就會(huì)出現(xiàn)textarea穿透問題，并且之后都會(huì)一直出現(xiàn)，但當(dāng)我把小程序在手機(jī)上刪除后，重新編譯掃碼就有幾率不會(huì)出現(xiàn)該問題

解決辦法：當(dāng)遇到需要fixed元素蓋住textarea時(shí)，可以當(dāng)fixed元素出現(xiàn)時(shí)，將textarea隱藏或者變成view元素

4、綁定bindfocus事件

問題：當(dāng)只給textarea綁定bindfocus事件，進(jìn)入頁面先點(diǎn)擊textarea后，再馬上點(diǎn)擊input會(huì)觸發(fā)textarea的focus事件

機(jī)型：安卓偶現(xiàn)

解決辦法：可以通過focus去動(dòng)態(tài)的控制textarea的聚焦情況，并且盡量不設(shè)置input的type為number類型

5、transition動(dòng)畫

問題：在鍵盤抬起過程中如果通過bottom或translateY手動(dòng)抬起page頁面時(shí)，并設(shè)置了transition動(dòng)畫屬性，會(huì)導(dǎo)致textarea的placeholder閃動(dòng)

機(jī)型：安卓必現(xiàn)

解決辦法： 判斷機(jī)型，ios添加transition屬性，安卓機(jī)器不添加transition屬性

6、點(diǎn)擊完成時(shí)

問題：textarea綁定bindkeyboardheightchange事件，并且使用了自帶的完成時(shí)，點(diǎn)擊完成時(shí)不會(huì)觸發(fā)bindkeyboardheightchange事件

機(jī)型：安卓偶現(xiàn)

解決辦法：未找到解決辦法

7、設(shè)置auto-height時(shí)

問題：當(dāng)textarea的auto-height屬性為true時(shí)，會(huì)導(dǎo)致使用selectComponet獲取高度時(shí)出現(xiàn)問題，有時(shí)是沒有內(nèi)容的一排初始高度，有時(shí)是textarea的默認(rèn)高度

機(jī)型：ios和安卓

解決辦法：動(dòng)態(tài)控制auto-height的值，或使用定時(shí)器延遲獲取高度

8、鍵盤高度獲取不一致

問題：多次觸發(fā)bindkeyboardchange事件，從事件中獲取的keyboardHeight高度不一致，有時(shí)是帶了完成的高度，有時(shí)是沒有帶完成的高度

機(jī)型：安卓偶現(xiàn)

解決辦法：未找到解決辦法

9、獲取數(shù)據(jù)精度問題

問題：通過selectComponet獲取元素的高寬或位置時(shí)，會(huì)默認(rèn)保留全部小數(shù)，大概為16位，有幾率導(dǎo)致動(dòng)畫出現(xiàn)混亂

機(jī)型：ios和安卓偶現(xiàn)

解決辦法：js語言本身就有精度問題，所以在通過selectComponent獲取到數(shù)據(jù)后，最好只保留兩位小數(shù)來進(jìn)行處

感謝各位的閱讀，以上就是“微信小程序中textarea與input的問題怎么解決”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對微信小程序中textarea與input的問題怎么解決這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

新聞標(biāo)題：微信小程序中textarea與input的問題怎么解決
當(dāng)前網(wǎng)址：http://muchs.cn/article34/ijsdse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)站改版、企業(yè)建站、搜索引擎優(yōu)化、網(wǎng)站排名、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)