微信小程式之MaterialDesign--input元件詳解
本篇文章主要介紹了微信小程式之MaterialDesign--input元件詳解,具有一定的參考價值,有興趣的夥伴們可以參考一下。
主要透過input輸入事件配合css的transform動態改變來實現這種效果。
實際調試過程中,input組件bindinput事件觸發後回調的detail對象,在模擬器中含有cursor屬性,在真機中(測過安卓,ios沒測過)卻沒有該屬性,最後選擇detail對像中的value屬性的值的長度來同步輸入的位數。
bindfocus事件最好不要加入改變css的程式碼 。
預覽圖:
JS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
|
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持PHPP。
更多微信小程式之MaterialDesign--input元件詳解相關文章請關注PHP中文網!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)