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

javascript39——blur()移除焦点,失焦blur()方法

大家好,欢迎来到IT知识分享网。

一、说明

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>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/9785.html

(0)
上一篇 2024-04-06 18:26
下一篇 2024-04-07 09:15

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信