Maintenant, je vais partager avec vous une explication de l'exemple de liaison bidirectionnelle le plus simple en js. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.
Copiez simplement le code, mettez-le sur la page et exécutez-le pour voir l'effet
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" id="myinput" >
<script>
function watch(obj,key,callback) {
var old = obj[key];
Object.defineProperty(obj,key,{
set:function(val){
var oldVal = old;
old = val;
callback(val,oldVal,this);
},
get:function(){
return old;
}
});
}
var input = document.getElementById("myinput");
var obj = {};
watch(obj, "input",function (val) {
input.value = val;
console.log("这里是不管view层，还是module层修改后的回调，最后设置的值是"+val);
});
input.onkeyup = function () {
obj.input = input.value;
};
</script>
</body>
</html>Test de code
Si vous modifiez la valeur dans l'entrée, vous verrez la nouvelle valeur imprimée sur la console
Modifiez la valeur de obj.input dans la console et la valeur dans le La zone de saisie changera également en conséquence. Déclenchez des événements et obtenez de nouvelles valeurs
Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.
Articles connexes :
Comment implémenter la fonction de recherche d'entrée à l'aide de JS
Comment utiliser le module de nœud et l'outil de gestion de packages npm
Comment implémenter un jeu de devinettes en utilisant JavaScript (tutoriel détaillé)
Comment implémenter diverses méthodes de tri en utilisant js
Comment utiliser l'optimisation cdn dans vue
Comment juger la taille du type de fichier dans js
Comment juger le type de fichier size in js
Comment implémenter la fonction de requête floue de la liste déroulante dans Angular
À propos des connaissances en matière de sécurité du module crypto dans Nodejs (tutoriel détaillé )
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)
