为什么锚点定位会和js中的自动获取焦点冲突 ？
1.首先给最后一个p标签添加了锚点定位，点击a链接的时候最后一个p标签显示出来（当p标签超出父盒子大小时出现滚动条超出部分隐藏）
2.然后又用js给a链接添加了一个点击事件，当点击a链接时输入框获取焦点。
也就是说当点击a链接时让超出隐藏的p标签定位到div的可视区域同时又让一个输入框获取焦点。
为什么输入框并没有获得焦点呢？代码如下：
<html>
<head>
<meta charset="UTF-8">
<title></title>`
<style>
div {
width: 200px;
height: 200px;
overflow: auto;
}
</style>
</head>
<body>
<div>
<p>123</p>
<p>123</p>
<p>123</p>
<p>123</p>
<p>123</p>
<p>123</p>
<p id = 'lastP'>最后一个123</p>
</div>
<input type="text"/>
<a href="#lastP">定位</a>
</body>
<script>
var aA = document.getElementsByTagName('a');
var aInput = document.getElementsByTagName('input');
aInput[0].focus();
aA[0].onclick = function(){
aInput[0].focus();
}
</script>
</html>
qq_遁去的一_1浏览 622回答 1
1回答
随时随地看视频慕课网APP
相关分类
JavaScript