原生js实时监听input、textarea输入

最新推荐文章于 2024-07-13 13:51:25 发布

似凡非凡

最新推荐文章于 2024-07-13 13:51:25 发布

阅读量3.8k

点赞数 1

分类专栏：成长历程文章标签： js监听input js监听文本域 js实时监听

本文链接：https://blog.csdn.net/u011520348/article/details/51322161

版权

成长历程专栏收录该内容

18 篇文章 1 订阅

订阅专栏

###监听方法

实时监听input、textarea输入，进行其他的操作。

<body>
	<input id="input" type="text" />
</body>


//监听事件
function inputLoad() {
	var input = document.getElementById("input");
	input.addElementListener("input",test,false); //绑定事件
}

//监听后的操作
function test() {
	console.log(this.id);
	this.style.background="red";
}

//最后调用监听事件
inputLoad();