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