按下按钮时移动页面的焦点答案

【问题标题】：Shifting Focus Of Page Upon Buttonpress按下按钮时移动页面的焦点
【发布时间】：2017-08-04 15:31:09
【问题描述】：

按下便笺按钮后，我正试图将焦点从当前页面转移到便笺部分。这是我尝试过的

$('#[% QuestionName() %]').focus(function() {

});

$( document ).ready(function(){

    $("#note-button").click(function() {
        $("[id$='note']").focus();
    }
});
$('#[% QuestionName() %]').blur(function(){
});

但它不起作用，我无法将焦点转移到注释部分。我正在尝试使用

if $("#note-button").click(function() {

但这给出了一条错误消息。我尝试将按钮 ID 附加到单击功能，但我不确定我是否以正确的方式进行操作。我知道$("[id$='note']") 选择器本身应该可以工作，因为我已经在其他上下文中成功使用了它。我的代码可能有什么问题，除了使用 if 之外，还有其他方法可以解决这个问题吗？

【问题讨论】：

你也可以发布你的相关html吗？
注意：按 F10 或 <body><html> <button type="button" id="note-button" onClick="checkNoteButton()">NOTE</button>
你是这个意思吗？
function checkNoteButton(){ $("#[% QuestionName() %]_div").css('display', 'block') }; </script>

标签： jquery button click focus blur

【解决方案1】：

这有帮助吗？ 编辑以将焦点放在一个 div 上

const shiftFocus = () => {
	const thing3 = document.querySelectorAll('div')[2];
  thing3.focus();
}

button{
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  margin: .2em 0;
  background-color: #fefefe;
}

<button onclick='shiftFocus()'>Click me</button>
<br />
<div type='text' tabindex="0">
div 1
</div>  <br />
<div type='text' tabindex="0">
div 2
</div>  <br />
<div type='text' tabindex="0">
div 3
</div>

【讨论】：

谢谢！我不认为这正是我想要做的。我已经有一个存在于页面上的便笺按钮，即调用便笺部分的“便笺按钮”，并且选择器（“[id$='note']”）适用于每个页面上的此便笺部分。我已经通过按下注释按钮来调用注释部分，但我只想在调用时将焦点转移到它
你到底想把重点放在什么类型的元素上？
这是一个div元素
具体怎么用？
好像把焦点转移到下一页的另一个问题上，我看看能不能解决一下，谢谢