一、实现原理
原理非常简单,浅显易懂 ,使用onkeyup
事件监听文本框的变化,并触发一个复制的函数 即可实现实时双向数据绑定
二、示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<input id="source" type="text" onkeyup="dataBander()" />
<span id="textValue"></span>
<script type="text/javascript">
function dataBander(){
var $source = $("#source").val();
$("#textValue").html($source);
}
</script>
</body>
</html>
第一次写博客,对js了解得也不是特别的深入,这个示例没有考虑任何性能问题,不过确实是好用的,跟AngularJS实现效果是一样的,有什么不正确的地方,欢迎吐槽_