js获取焦点,并在下面弹出div层

发布于 2021-11-17 06:10:28 字数 61 浏览 879 评论 1

有一个文本框,在文本框输入值的时候,怎么获取它的焦点,然后在焦点下面弹出一个div层,求详细代码,谢谢了

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

沙与沫 2021-11-19 01:57:10
<!doctype html>
<html>
<head>
<title> new document </title>
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<style>
	#fortest{
		position:absolute;
		border:1px solid green;
		display:none;
	}
</style>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
	window.onload = function(){
		document.getElementById('test').onkeyup = function(){
			var div = document.getElementById('fortest');
			if(this.value == ''){
				div.style.display = 'none';
			}else{
				div.style.width = this.offsetWidth - 2 + 'px';
				div.style.top = this.offsetHeight + 'px';
				div.style.left = '0px';
				div.style.display = 'block'
			}
		}
	}
//-->
</SCRIPT>
<body>
<span style="position:relative;">
	<input id="test"/>
	<div id="fortest">test</div>
</span>

</body>
</html>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文