Question

我正在使用此代码自动滚动到所选的输入类型：

$( document ).on( "focus", "input", function() {
            if(document.activeElement.tagName=="INPUT"){
                     window.setTimeout(function(){
                        document.activeElement.scrollIntoView();
                     },0);
                  }
            return false;
});

问题是，我想排除单选按钮和复选框..并且仅将其用于输入类型tel或text。我如何实现这一目标？

Answer 1

您只能根据类型选择相关输入，而不是选择所有输入标记：

＆＃13;

$( document ).on( "focus", "input[type='tel'],input[type='text']", function() {
  console.log('relevant element focused');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" value="1" />
<input type="text" value="this is some text" />
<input type="tel" value="123456789" />
<input type="checkbox" value="123456789" />

＆＃13;

另一种选择是检查焦点元素的type，并在选定类型的情况下中断函数的运行：

＆＃13;

$( document ).on( "focus", "input", function() {
  if ($(this).attr('type') == 'radio' || $(this).attr('type') == 'checkbox') {
    return;
  }
  console.log('relevant element focused');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" value="1" />
<input type="text" value="this is some text" />
<input type="tel" value="123456789" />
<input type="checkbox" value="123456789" />

＆＃13;

仅关注输入类型文本或电话，而不是收音机或复选框

1 个答案: