實現輸入框小數多 自動進製展示,編輯時實際值不變

2022-03-10 17:52:44 字數 640 閱讀 7346

今天遇到個業務需求,要求輸入框,輸入數字的小數字數可以很多位,但移開後顯示,只顯示小數點後兩位 (四捨五入),當要編輯的時候,展現其原來的輸入資料。

閒話不多說,當時也考慮用第三方外掛程式,但感覺對現有框架後台資料取值有影響;

感覺還是前端處理下,直接採用兩個input 乙個用來顯示四捨五入,乙個用來存真實的值,

然後就是焦點移進移出的事件了,移進去控制真實input顯示,移出來觸發四捨五入的顯示,當然這兩個input得保持在同一位置上,定位好了就行。

思路出來了,就開始擼**了!

1 2     3         4             5                 6 

7 8

9

10 11 12 13

14 15

16

17

181941

js實現輸入框輸入的自動匹配功能

完成輸入框輸入的自動匹配功能。參考 這裡增加了和輸入拼音相對應的中文匹配。如果能進一步完善,多謝指教。核心js 如下,demo見附件。輸入框的自動匹配核心控制類 param fixdom 存放用於匹配的值的div物件 function inputautofix aconfig var canfix ...

jQuery 實現自動增長的文字輸入框

function var settings extend defaultsettings,settings var handler function jquery this attr size settings.min var actlength jquery this val length if ...

ajax實現輸入框文字改變展示下拉列表的效果示例

1.樣式 複製 如下 2.html指令碼 複製 如下 省略常規指令碼 汽車品牌名 www.cppcns.come validate required disabled disabled onfocus showandhide list1 show onblur showandhide list1 h...