<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Proxy绑定第三遍</title> </head> <body> <input type="text" id="input" /> <p id="show"></p> <script> const input = document.getElementById('input'); const show = document.getElementById('show'); let obj = {}; let newObj = new Proxy(obj, { set(target, key, value) { if (key === 'text') { input.value = value; show.innerText = value; } }, get(target, key) { return Reflect.get(target, key); } }); input.addEventListener('keyup', function (e) { newObj.text = e.target.value; }); </script> </body> </html>