<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function onblurfun(){
//console是控制台对象,是JavaScript语言提供,专门用来向
//浏览器的控制台打印输出,用于测试使用
//log是打印的方法
console.log("静态注册失去焦点事件");
}
//动态注册onblur事件
//1.获取标签对象
//2.通过 标签对象.事件名=function(){};
window.onload=function (){
var blurobj=document.getElementById("pas");
blurobj.onblur=function (){
console.log("动态注册失去焦点事件");
}
}
</script>
</head>
<body>
用户名:<input type="text" onblur="onblurfun()"> <br>
密码:<input type="text" id="pas"> <br>
</body>
</html>
JavaScript中onblur事件
最新推荐文章于 2024-06-29 11:18:05 发布
这篇博客探讨了JavaScript中处理元素失去焦点(onblur)事件的两种方式:静态注册和动态注册。静态注册直接在HTML中通过onblur属性实现,而动态注册则在JavaScript中通过事件监听器完成。示例代码展示了如何为输入框元素添加onblur事件,当失去焦点时在控制台打印信息。
摘要由CSDN通过智能技术生成