覆盖默认选项卡导航

时间:2012-05-24 05:08:01

标签: javascript jquery html tabs tabindex

我正在尝试使用jquery覆盖默认的标签导航。我不能简单地使用tabindex属性,因为我试图让tab键从文本输入导航到虚拟化文本框(codemirror)。我一直试图使用以下javascript / jquery无济于事:

$('#modelName').focus(function() { 
    $(this).keydown( function(event) {
        if(event.keyCode=='9') {
            codeMirror.focus();
        }
    });
});

有关如何使这项工作的任何想法?

2 个答案:

答案 0 :(得分:1)

  $('#modelName').keydown( function(event) {
    if(event.keyCode == 9) {
        event.preventDefault();
        codeMirror.focus();
    }else{
        alert("Not the right key! " + event.keyCode);   
    }
  });

有一个捕获是很好的,这样你就可以看到你出错的地方。 在这种情况下,我认为它是字符串vs int。

此外,代码的方式是,每次keydown获得焦点时,您都​​会应用新的#modelName事件处理程序,而不会删除旧的{{1}}事件处理程序。可能会在以后引起问题。

答案 1 :(得分:0)

试试这个

$('#modelName').keyup(function (e) {
    if(e.keyCode== 9){
    codeMirror.focus();
    }
});

使用keyup()而不是keydown()