代码语言：javascript复制
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input type="text" name="" id="">
<script type="text/javascript">
let oInput = document.querySelector("input");
// 1.监听input获取焦点
oInput.onfocus=function()
{
console.log("获取到了焦点");
}
// 2.监听input失去焦点
oInput.onblur=function()
{
console.log("失去了焦点");
}
// 3.监听input内容改变
oInput.onchange=function()
{
console.log(this.value);
}
// 在IE9以下, 如果想时时的获取到用户修改之后的数据, 可以通过onpropertychange事件来实现
oInput.oninput=function() // oninput事件可以时时获取到用户修改之后的数据, 只要用户修改了数据就会调用(执行)
{
console.log(this.value);
}
</script>
</body>
</html>
