dom啦17 焦点事件
<!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>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/09/06 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
