<body>
<input type="text" id="input">
<br>
<br>
<span id="display"></span>
</body>
<script>
var obj = {
name: "1",
}
Object.defineProperty(obj, "context", {
set: function (val) {
document.getElementById("display").innerText = val
document.getElementById("input").value = val
}
})
document.getElementById("input").addEventListener("keyup", function (event) {
obj.context = event.target.value;
})
雖然用console更改obj.context的val後,input.value會改變,當改變input的輸入123時,用console去看obj.context的時後回傳的是undefined,為何不是123呢?
想知道為什麼呢?這樣可以算是雙向數據綁定嗎?
(可參考下面gif的動圖描述)