样子像vue的v-model(只是用基础的js做)

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div></div>
		<input type="text" />
		<script>
			var num = 0;
			var inputs = ''
			onkeyup = function() {
				setInterval(function() {
					inputs = document.getElementsByTagName('input')[0].value
					document.getElementsByTagName('div')[0].innerHTML = inputs;
				}, 0)
			}
		</script>
	</body>

</html>

给事件 加上setInterval的原因是如果连续按键盘那只会有一个事件 会等停下来之后在进行渲染 

加上的话 就不用等键盘事件停下来  

猜你喜欢

转载自blog.csdn.net/qq_41619567/article/details/85048111