javascript39——blur()移除焦点，失焦

最新推荐文章于 2024-04-17 14:50:05 发布

耶啵奶膘

最新推荐文章于 2024-04-17 14:50:05 发布

阅读量2.9k

点赞数 1

分类专栏： javascript 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/xulihua_75/article/details/126463640

版权

javascript 专栏收录该内容

56 篇文章 6 订阅

订阅专栏

一、说明

blur() 方法用于移除文本域的焦点。
我想说，如果文本框已经写过失焦的的事件处理程序，现在我想其他操作也能调用这个已经写好的失焦的处理程序，怎么调用。直接blur()方法即可。

二、演示

在这里插入图片描述

三、代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" />
		<script>
			var input  = document.querySelector('input');
			input.onkeyup = function(e){
				// 打印事件对象看看
				console.log(e);
				if(e.keyCode == 13){
					console.log('你点击了回车键');
					// 这里使用blur()方法，会调用已有的失焦事件
					this.blur();
				}else{
					console.log('你点击了其他键');
				}
			}
			// 文本框失焦事件
			input.onblur = function(){
				console.log("失焦")
			}
		</script>
	</body>
</html>