在Buttonpress上转移页面的焦点

时间:2017-08-04 15:31:10

标签: jquery button click focus blur

按下音符按钮后,我正在尝试将焦点从当前页面移到音符部分。这就是我试过的

$('#[% 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之外还有另一种方法吗?

1 个答案:

答案 0 :(得分:0)

这有帮助吗? 编辑将焦点放在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>