Cet article partage principalement avec vous le code du cas de liaison bidirectionnelle simple js. Copiez simplement le code dans la page et exécutez-le pour voir l'effet. J'espère que cela pourra aider tout le monde.
<span style="font-size: 14px;"><!DOCTYPE html><html lang="en"><head><br/> <meta charset="UTF-8"><br/> <title>Title</title></head><body><input type="text" id="myinput" ><script><br/> function watch(obj,key,callback) {<br/> var old = obj[key]; Object.defineProperty(obj,key,{<br/> set:function(val){<br/> var oldVal = old;<br/> old = val;<br/> callback(val,oldVal,this);<br/> },<br/> get:function(){<br/> return old;<br/> }<br/> });<br/> } var input = document.getElementById("myinput"); var obj = {};<br/> watch(obj, "input",function (val) {<br/> input.value = val;<br/> console.log("这里是不管view层，还是module层修改后的回调，最后设置的值是"+val);<br/> });<br/><br/> input.onkeyup = function () {<br/> obj.input = input.value;<br/> };</script></body></html><br/></span>Si vous modifiez la valeur dans l'entrée, vous verrez la nouvelle valeur imprimé sur la console. La valeur de
Modifiez la valeur de obj.input dans la console, la valeur dans la zone de saisie changera également en conséquence, et le l'événement sera déclenché pour obtenir la nouvelle valeur
Recommandations associées :
Partage de trois méthodes de mise en œuvre de deux- liaison de données de manière en JavaScript
Implémenter facilement la liaison bidirectionnelle des compétences javascript data_javascript
Compréhension approfondie du principe de mise en œuvre de la liaison bidirectionnelle vue.js
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
