即时获取input输入框里的内容 IE/非IE皆可兼容

最新推荐文章于 2024-05-08 04:02:42 发布

weixin_33929309

最新推荐文章于 2024-05-08 04:02:42 发布

阅读量116

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/sallency/blog/405478

版权

2019独角兽企业重金招聘Python工程师标准>>>

即时获取input输入框里的内容

<div><input type="text" size="20" maxlength="25"></div>
<div><p></p></div>
<script type="text/javascript">
	var yourInput= document.getElementsByTagName('input')[0]
	if (document.addEventListener) {
		yourInput.addEventListener('input', write, false);
	} else if (document.attachEvent) {
		yourInput.attachEvent('onpropertychange', write);
	}

	function write() {
		document.getElementsByTagName('p')[0].innerHTML= yourInput.value;
	}
</script>

在IE中input框内容的即时获取可以使用onpropertychange()事件来触发，绑定用attacheEvent()

在非IE中可以使用oninput()事件来触发，绑定用addEventListener()

转载于:https://my.oschina.net/sallency/blog/405478