[Javascript] 使用 Keydown 事件實現輸入框值的同步支持負數小數點

2023-07-05


主要遇到,客戶希望再輸入一個 價格的時候,其他欄位的價格可以預先填寫好,如果他修改過價格後就不能再被更改

這需求感覺蠻常碰到的,但是客戶要求很直觀,等於我就是只能從 Keydown 事件下手,今天,我們將探討如何使用 JavaScript 中的 Keydown 事件來實現這樣的需求



假設我們有一個網頁,其中包含多個 input,其中一個 class 是 base,而其他輸入框  class='sync' 需要實時同步 .base 的數字。

我們希望在使用者輸入數據時,能夠即時將基本數據同步到其他相應的輸入框中。

其實客戶需求是沒有要求能夠支持負數小數點,但是紀錄文章就想說紀錄一個難一點的,主要就是會設計一個 setTimout 這時候 讓 sync 去同步 base 的資料

就看 code 吧



reference:

https://stackoverflow.com/questions/8803416/synchonise-2-input-fields-can-it-be-done-using-jquery

https://stackoverflow.com/questions/3977792/how-to-convert-keycode-to-character-using-javascript



當麻許的超技八 2014 | Donma Hsu Design.