Home / Questions / 339284
Accepted
jmrufo
Asked: 2020-03-25 08:27:02 +0800 CST 2020-03-25 08:27:02 +0800 CST

使用 JQuery 将 FOCUS 设为 div

  • 772

在对单选按钮集执行验证后，我需要将表单焦点移动到表单元素。

我创建了一个完美运行的函数（验证字段并使用错误消息激活 div），但它不会将焦点移动到指定的元素。

有人可以指出我做错了什么吗？

html代码：

<div id="txtotronodo" style="display: none;">
<input type="text" id="reply6" name="txtotronodo" class="form-control col-sm-12" placeholder="Indique el nodo">
</div>

jQuery代码：

$(document).ready(function() {
    function validaNodo() {
        var nodo = $("input[name=nodo]:radio:checked").length;
        if (nodo !== 1) {
            $("#nodo").css("display", "block");
            $(document).on('focus', 'reply6');
            $('reply6').focus();
            event.preventDefault();
        }
        else {
            $("#nodo").css("display", "none");
        }
    }
});

提前致以问候和感谢。

jquery

1 Answers

  1. Best Answer

    只能将焦点放在可以拥有它的元素上。A<div>不是其中之一<input>，, <select>, <a>... 是的。

    例子：

    $(function () {
  $(document).on('focus', 'div', foco_div);
  $(document).on('focus', 'input', foco_input);
  
  $('div').focus();
  $('input').focus();
});

function foco_input () {
  console.log('Input: ¡Me focuseaste, maldito seas!');
}

function foco_div () {
  console.log('Div: ¡No me puedes tocar, MUAHAHAHA!');
}
    input {
  width: 200px;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
  <p>No me puedes hacer foco, que le vamos a hacer.</p>
</div>

<input type="text" value="Hazme todo el foco que quieras">

    参考： 焦点（）

    • 0