怎麼讓input元素的顯示值和value值不一樣？

1樓：wxsm

一些流行的 MVVM 框架（如 Angular）支援 viewValue 與 modelValue 的區分，分別代表了顯示值與實際獲得的值，可以通過編寫一些指令來控制在符合某些條件的情況下才把 viewValue 寫入到 modelValue 中去。也就是說，這兩者可以不一致。

如果沒有使用框架也不想用，建議閱讀原始碼，學習實現方式。

2樓：

我覺得問出來這種問題的人，多半是遇到了奇怪的需求又沒有實際解決問題的能力，一般不會採用這種VALUE和顯示值不同的方式，可以取巧，比如自定義屬性：

這種寫法獲取值的方式是：

inputObj

.getAttribute=(

"data-value"

);如果jQuery的寫法就是：

inputObj

.attr

("data-value"

);如果你想要更簡單一些，通過 obj.value這種方式，也不是不可以的，重寫Input的prototype，通過 inputObje.value(); 即可取得input的data-value的值，同時呈現出來的值又是value

Element

.prototype

.value

=function()}

或者是兩個文字框，乙個記錄值，乙個顯示值，參考 @落魄者@Fula Li。

3樓：Fula Li

如果只是障眼法，可以搞另乙個元素蓋上去；

如果要求單元素搞定，可以用style.color(設定和背景色相同），監聽value變化後，用canvas畫出來文字然後設定background-image～～～

挺無聊的題目。