主页 / 问题 / 1287284
Accepted
Denys Maksiura
Asked:2022-05-29 01:07:03 +0000 UTC2022-05-29 01:07:03 +0000 UTC

jquery，为输入进行正确的自动对焦

  • 772

当用户点击第 2 步时，我正在尝试自动对焦，以便该字段自动自动聚焦并可以立即在该字段中写入文本（无需单击输入）但它不起作用，我必须单击输入才能开始打字

    if(n === 2){
        console.log('1q');
        jQuery('#tell-more-textarea').attr('autofocus','autofocus');
    }
jquery

1 个回答

  1. Best Answer

    您可以直接为字段设置焦点状态：

    var currentStep = 0;
$('button').click(function(){
  currentStep++;
  $('.step-form__step').hide().eq(currentStep).show().find('input,select,textarea').eq(0).focus();
})
    input,select,textarea{
  display:block;
  margin:0 0 10px;
}
input:focus,
select:focus,
textarea:focus{
  outline: none;
  box-shadow: 0 0 10px red;
}
.step-form__step:nth-child(n+2){
  display: none;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="step-form">
  <div class="step-form__body">
    <div class="step-form__step">
      <p>olololo azazaaza 🍪 🍪 🍪 🍪</p>
    </div>
    <div class="step-form__step">
      <textarea></textarea>
      <input type="text" placeholder="ololo">
    </div>
    <div class="step-form__step">
      <select>
        <option>нет</option>
        <option>нет</option>
      </select>
      <input type="text" placeholder="ololo">
    </div>
  </div>
  <button>Туда →</button>
</div>

    • 1

相关问题