出现输入时,我没有自动对焦。自动对焦属性在Chrome上间歇性地工作。在IE11上...好吧,它甚至都没有尝试添加它。
在使用jQuery自动对焦之前,是否需要验证DOM上input元素的存在?
HTML5
<input type="text" class="form-control" autofocus placeholder="Filter">
JS
function iboxHistorySearch() {
var header = $('.client-history .ibox-title_replace'),
searchbar = $('.client-history .client-history-searchbar'),
closeBtn = $('.client-history .btn-dismiss');
header.on('click', function (e) {
e.preventDefault();
if (searchbar.hasClass('hidden')) {
searchbar.removeClass('hidden')find('form-control:first').focus();
$(this).addClass('hidden');
}
});
closeBtn.on('click', function (e) {
e.preventDefault();
if (header.hasClass('hidden')) {
header.removeClass('hidden');
searchbar.addClass('hidden');
}
});
}
iboxHistorySearch();
更新
searchbar.removeClass('hidden')find('form-control:first').focus();
来自(未编辑的)问题:
var searchbar = $('.client-history .client-history-searchbar')
if (searchbar.hasClass('hidden')) {
searchbar.removeClass('hidden').focus();
确保搜索栏是input
可以接收焦点的控件。如果不是,请添加.find
以获得第一个或特定元素的输入,例如:
searchbar.removeClass('hidden')
.find('.form-control:first')
.focus();
或者
searchbar.removeClass('hidden')
.find('input:first')
.focus();
(但与input
您可能还需要添加复选框/选择等,例如)
searchbar.removeClass('hidden')
.find('input,select,textarea')
.first()
.focus();
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句