資訊專欄INFORMATION COLUMN
摘要：基于封裝的一個(gè)自定義數(shù)字鍵盤輸入框仿照大眾點(diǎn)評閃惠買單剛開始選用發(fā)現(xiàn)移動端沒有辦法輸入小數(shù)換成發(fā)現(xiàn)喚起的鍵盤不是數(shù)字鍵盤最終選擇又發(fā)現(xiàn)驗(yàn)證規(guī)則有部分實(shí)現(xiàn)不了效果更新后來我想了下可以通過監(jiān)聽鍵盤點(diǎn)擊事件然后拿到輸入值的從而進(jìn)行值的驗(yàn)證但是這
wc-keyboard
基于 vue 封裝的一個(gè)自定義數(shù)字鍵盤 + 輸入框, 仿照大眾點(diǎn)評閃惠買單.
why?剛開始選用 input type = tel, 發(fā)現(xiàn)移動端沒有辦法輸入小數(shù)
換成 input type = text, 發(fā)現(xiàn)喚起的鍵盤不是數(shù)字鍵盤
最終選擇 input type = number, 又發(fā)現(xiàn)驗(yàn)證規(guī)則有部分實(shí)現(xiàn)不了
效果 更新后來我想了下, 可以通過監(jiān)聽鍵盤點(diǎn)擊事件, 然后拿到輸入值的 keyCode 從而進(jìn)行值的驗(yàn)證.
但是這樣缺少一個(gè)自定義的輸入框, 輸入框無法實(shí)現(xiàn)類似大眾點(diǎn)評那般.
xwpongithub/better-keyboard
使用方法npm i wc-keyboard --save
import wcKeyBoard from "wc-keyboard" import "wc-keyboard/style.css" Vue.use(wcKeyBoad);
項(xiàng)目地址
項(xiàng)目地址
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/83350.html
摘要：項(xiàng)目簡介此項(xiàng)目是學(xué)習(xí)過程中跟著慕課網(wǎng)做的一個(gè)練手項(xiàng)目，模仿大眾點(diǎn)評做的一個(gè)，項(xiàng)目不是很復(fù)雜，適合有一定基礎(chǔ)的同學(xué)參考。慕課網(wǎng)地址項(xiàng)目的前端界面使用編寫，后端使用的框架搭建，后臺返回的數(shù)據(jù)全部是模擬的數(shù)據(jù)，不涉及數(shù)據(jù)庫交互。 項(xiàng)目簡介 此項(xiàng)目是學(xué)習(xí)react+redux過程中跟著慕課網(wǎng)做的一個(gè)練手項(xiàng)目，模仿大眾點(diǎn)評做的一個(gè)webapp，項(xiàng)目不是很復(fù)雜，適合有一定react+redux基礎(chǔ)...
摘要：系列，自定義實(shí)現(xiàn)知乎首頁仿今日頭條最強(qiáng)頂部導(dǎo)航指示器，支持種模式系列之一使用打造千變?nèi)f化的指示器優(yōu)雅的為添加和實(shí)現(xiàn)快速滑動實(shí)現(xiàn)條目拖拽排序與滑動刪除高仿網(wǎng)易新聞首頁添加，刪除，排序類似大眾點(diǎn)評美團(tuán)等應(yīng)用的城市選擇器那些酷炫的開源庫整理 Material Design系列，自定義Behavior實(shí)現(xiàn)Android知乎首頁 showImg(http://img.blog.csdn.net/...
閱讀 3566·2021-10-18 13:30
閱讀 3009·2021-10-09 09:44
閱讀 2034·2019-08-30 11:26
閱讀 2426·2019-08-29 13:17
閱讀 812·2019-08-29 12:17
閱讀 2311·2019-08-26 18:42
閱讀 576·2019-08-26 13:24
閱讀 3011·2019-08-26 11:39
