选项卡输出不起作用

时间:2015-07-02 11:38:20

标签: javascript html

我有一个输入如下

<input type="text" id="allSchoolsListText" size="100" style="width: 85%" value="All Colleges and Universities" placeholder="All Colleges and Universities" alt="All Colleges and Universities">

它在js文件中有一个click事件

当我按下“标签”按钮时,焦点出现在网站的html控件上, 但是当焦点出现在上面提到的输入上时,即使你多次按Tab键也不会消失。

1 个答案:

答案 0 :(得分:3)

创建了一个关于如何实现这一目标的小例子:

&#13;
&#13;
var input = document.querySelector("#test");
console.log(input);
input.addEventListener('keydown', function(e) {
    // Capture the tab keyevent, and make it not do the default behavior.
    if (e.which === 9) {
        e.preventDefault();
        alert("Tab failed");
    };
});
&#13;
<input id="test" type="text">
&#13;
&#13;
&#13;

因此,您需要做的是查看点击事件handler是否有某些内容可以捕捉并阻止按Tab键时的默认行为。