Javascript 修改向后方向的现有遍历逻辑

Javascript 修改向后方向的现有遍历逻辑,javascript,jquery,Javascript,Jquery,请看正在运行的演示 现在,按下shift+Tab时向后搜索[]中相对于光标位置定义的内容的searchBackward函数不起作用。我在searchBackward函数中添加了各种警报语句 请注意,searchForward功能正在运行 请建议 jsfilldle代码如下 $(document).ready(function() { $('textarea').live('keydown', function(e) { var keyCode = e.keyCode || e

请看正在运行的演示

现在,按下shift+Tab时向后搜索[]中相对于光标位置定义的内容的searchBackward函数不起作用。我在searchBackward函数中添加了各种警报语句 请注意,searchForward功能正在运行
请建议

jsfilldle代码如下

$(document).ready(function() {
  $('textarea').live('keydown', function(e) {
        var keyCode = e.keyCode || e.which;
        if (keyCode == 9) {
             if (e.shiftKey) {

             var currentIndex = getCaret($(this).get(0));
             searchBackward($(this), currentIndex);
             return e.preventDefault()
            } else {
                var currentIndex = getCaret($(this).get(0));
                 searchForward($(this), currentIndex);
                 return e.preventDefault()
              }  
        }
    });
});



function searchForward(element, currentIndex) {
    var rSearchTerm =  /(\[.*?\]+)/;
    var val = element.val();
    var matchStartPos, matchEndPos;
    var m = val.substr(currentIndex).match(rSearchTerm);
     if (!m){
        currentIndex = 0;
        m = val.match(rSearchTerm);
       }
    console.log(m);
    if (m) {
        matchStartPos = m.index;
        matchEndPos = matchStartPos + m[0].length;
      } else {
        currentIndex = 0;
        matchStartPos = 0;
        matchEndPos = 0;
    }
    var input = element.get(0);
    if (input.setSelectionRange) {
        input.focus();
        input.setSelectionRange(matchStartPos + currentIndex, matchEndPos + currentIndex);
    } else if (input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(true);
        range.moveEnd('character', matchEndPos + 1 + currentIndex);
        range.moveStart('character', matchStartPos + currentIndex);
        range.select();
    }
}
function searchBackward(element, currentIndex) {
 //  var rSearchTerm =  /(\].*?\[+)/;
    var rSearchTerm =  /(\[.*?\]+)/;
    var val = element.val();
 //   alert (val);
    var matchStartPos, matchEndPos;
    var m = val.substr(currentIndex).match(rSearchTerm);
 //   alert ('m is ' + m);
    if (!m){
        currentIndex = 0;
        m = val.match(rSearchTerm);
     //   alert ('!m is ' + m);
    }
   // console.log(m);
    if (m) {
        matchStartPos = m.index;
     //   alert(matchStartPos + 'matchStartPos is');        
        matchEndPos = matchStartPos - m[0].length
      //  alert(matchEndPos + 'matchEndPos is');
    } else {
        currentIndex = 0;
        matchStartPos = 0;
        matchEndPos = 0;
    }
    var input = element.get(0);
    if (input.setSelectionRange) {
        input.focus();
        input.setSelectionRange(matchStartPos + currentIndex, matchEndPos + currentIndex);
    } else if (input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(true);
        range.moveEnd('character', matchEndPos - 1 - currentIndex);
        range.moveStart('character', matchStartPos - currentIndex);
        range.select();
    }
}
function getCaret(el) {
    if (el.selectionEnd) {
        return el.selectionEnd;
    } else if (document.selection) {
        el.focus();
        var r = document.selection.createRange();
        if (r == null) {
            return 0;
        }
        var re = el.createTextRange(), rc = re.duplicate();
        re.moveToBookmark(r.getBookmark());
        rc.setEndPoint('EndToStart', re);
        return rc.text.length;
    }
    return 0;
}

代码似乎很有趣。所以我看了一下

以下是我所做的更改:

该行:

var m = val.substr(currentIndex).match(rSearchTerm);
matchEndPos = matchStartPos - m[0].length
变成:

 var m = val.substr(0,currentIndex).match(rSearchTerm);
从文本开始搜索

该行:

var m = val.substr(currentIndex).match(rSearchTerm);
matchEndPos = matchStartPos - m[0].length
应与转发功能上的相同:

matchEndPos = matchStartPos + m[0].length
以及进行选择的行:

input.setSelectionRange(matchStartPos + currentIndex, matchEndPos + currentIndex);
应为(从行首开始):

结果如下:


不。。。不完全正确。它应该取最后一个匹配的项目。

谢谢,但在Hi Press Tab First的示例中,这是一个示例。再次测试[amit]【此】和【再次】和【再次】,因此在这种情况下,当按下Shift+Tab时,焦点只转到【此】而不是遍历。Shift+Tab的行为应类似于Tab,但仅在向后方向