姓名: <span id="spanName"></span>
<br>
<input type="text" id="iptName" />
关键的js代码:
let obj = {
name: ''
}
let spanName = document.getElementById('spanName')
let iptName = document.getElementById('iptName')
let newObj = JSON.parse(JSON.stringify(obj))
Object.defineProperty(obj, 'name', {
get() {
return newObj.name
},
set(val) {
if (val === newObj.name) return
newObj.name = val
observer()
}
})
function observer() {
spanName.innerHTML = obj.name
iptName.value = obj.name
}
observer()
setTimeout(() => {
obj.name = "456"
}, 1000)
iptName.oninput = function () {
obj.name = this.value
}