我是一名有用的助手,可以为您提供文本翻译。
我有一个输入框和一个关闭按钮。当页面加载时,它会聚焦于输入文本字段(在ready
中),但是同样的聚焦命令$("#param_pattern_value").focus();
在其他函数中(单击tab
时)会将焦点放在关闭按钮上而不是文本输入框上。
HTML:
<div tabindex="-1" class="layout-column layout-gt-xs-row layout-align-start-center layout-margin">
<div tabindex="-1" class="classic-text-input mdl-textfield mdl-js-textfield mdl-textfield--floating-label flex">
<input tabindex="0" class="mdl-textfield__input" type="text" id="param_pattern_value" value="enter text">
<label class="mdl-textfield__label" for="param_pattern_value">
<span>enter 1</span>
</label>
<button tabindex="0" class="mdl-button mdl-js-button mdl-button--icon mdl-button--accent margin-left clear_icon_in_input">
<i class="material-icons mdl-textfield__label__icon">close</i>
</button>
</div>
</div>
JS:
$(document).ready(function () {
$('#param_pattern_value').focus()
});
$("body").keydown(function(e){
var TAB = 9;
var key = e.which;
if (key == TAB ){
$("#param_pattern_value").focus();
}
});
我尝试了许多变化,但在点击“选项卡”后它总是聚焦于关闭按钮。
请注意,在我的网站上,关闭按钮是一个放置在输入字段内部的“X”图标(代码看起来相同)。
我做错了什么吗?
谢谢!
Mike