Question

js 输入框获取焦点显示div 失去焦点隐藏div 点击div也消失了怎么解决

<input type="text" id="td">
<div id="td1" style="width:100px;height:100px;background:red; display:none;" tabindex=0></div>
<script>
var a = document.getElementById('td');
var a1 = document.getElementById('td1');
var p=null;
console.log(a);
a.onfocus = function(){
a1.style.display='block';
}
a.onblur = function(){
p=setTimeout(function(){
a1.style.display='none';
},300);
}
a1.onclick = function(){
a1.onfocus = function(){
clearTimeout(p);
}
}
a1.onblur = function(){
a1.style.display = 'none';
}
</script>

Answer 1

应该是获取焦点对象不准确导致，举个例子，获取iuput焦点的时候显示div失去这隐藏可以给这个input和这个div一个id，还有就是这个input和这个div是同级关系不能是嵌套

Answer 2

你代码贴上来啊， 首先要看你怎么写的，才知道该怎么解答

追问

你好 ，请帮吗看下补充 为什么点击div 不能使他获得焦点

追答

点击DIV不隐藏DIV就把下面这段删了。
a1.onblur = function(){
a1.style.display = 'none';
}
点击DIV使文本框获得焦点，改成下面这段代码
a1.onclick = function () {
a.focus();
}