0

http://jsfiddle.net/amitbas/gyvNW/94/の動作デモをご覧ください。

これで、[] で定義されたコンテンツを、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;
}
4

1 に答える 1

0

コードは興味深いようでした。それで、私はそれを見てみました。

ここに私が行った変更があります：

この線：

var m = val.substr(currentIndex).match(rSearchTerm);

になります：

 var m = val.substr(0,currentIndex).match(rSearchTerm);

テキストの先頭から検索します。

この線：

matchEndPos = matchStartPos - m[0].length

forward 関数と同じにする必要があります。

matchEndPos = matchStartPos + m[0].length

そして、選択を行う行：

input.setSelectionRange(matchStartPos + currentIndex, matchEndPos + currentIndex);

あるべきです（行頭から取るために）：

input.setSelectionRange(matchStartPos , matchEndPos );

結果はこちら: http://jsfiddle.net/Q62tX/

いいえ... 正しくありません。一致する最後の項目を取る必要があります。

于 2013-10-24T13:11:28.677 に答える