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

&

測試在console中輸入 app._value = "123"，你看到input的值會是321，相應的你在input中輸入"abc"，app._value拿到的就是"cba"了

還有，以上代碼都是兼容IE8的

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

&


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

inputObj.getAttribute = ("data-value");


如果jQuery的寫法就是：

inputObj.attr("data-value");


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

Element.prototype.value = function(){
if(this.nodeName == "input"){
return this.getAttribute("data-value");
}
}