js .focus（）無法捕獲對所需元素的關注
[英]Not able to capture focus on desired element by js .focus()
問題描述
當我調用$('#someelement').focus()它沒有給出任何錯誤消息，但實際上不起作用。 當我嘗試獲取document.activeElement它仍返回body元素。
以下是我的控制台結果：
2 個解決方案
解決方案1
2 已采納 2016-08-12 11:04:23
您正在為#IncomeExpense_wrapper調用.focus ，即<div>且div沒有focus事件，只有輸入元素有。
無法提供進一步的幫助，因為您沒有提供有關div必須做什么的信息。
解決方案2
-3 2016-08-12 11:02:51
檢查這個花掉它似乎是工作的罰款。
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<input type="text" />
<script>
$('document').ready(function(){
$('input').focus();
})
</script>
</body>
</html>
如果要聚焦div。 我建議你用這個 。 您會看到它向下滾動到相應的div。
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<h1>Hello Plunker!</h1>
<h1>Hello Plunker!</h1>
<h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1><h1>Hello Plunker!</h1>
<div id="somediv">this is the div</div>
<script>
$('document').ready(function(){
window.location.hash = "#somediv";
})
</script>
</body>
</html>
能夠專注於元素，但不能單擊它
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.