1

你能告诉我为什么应用程序在页面上搜索文本时使用这个特殊字符崩溃。我正在从页面搜索文本。它工作正常但是在使用像这样的特殊字符时它崩溃了“（+？）”它去上一个屏幕.. 其次 \t。

这是我的小提琴..？ http://jsfiddle.net/4BAau/5/

function searchAndHighlight(searchTerm, selector) {
    if (searchTerm) {
        var selector = selector || "#realTimeContents";
        var searchTermRegEx = new RegExp('('+searchTerm+')', "ig");
        var matches = $(selector).text().match(searchTermRegEx);
        if (matches != null && matches.length > 0) {
            $('.highlighted').removeClass('highlighted');

            $span = $('#realTimeContents span');
            $span.replaceWith($span.html());

            var txt = $(selector).text().replace(searchTermRegEx, '<span class="match">$1</span>');

            $(selector).html(txt);

            $('.match:first').addClass('highlighted');

            var i = 0;

            $('.next_h').off('click').on('click', function () {
                i++;

                if (i >= $('.match').length) i = 0;

                $('.match').removeClass('highlighted');
                $('.match').eq(i).addClass('highlighted');
                $('.ui-mobile-viewport').animate({
                    scrollTop: $('.match').eq(i).offset().top
                }, 300);
            });
            $('.previous_h').off('click').on('click', function () {

                i--;

                if (i < 0) i = $('.match').length - 1;

                $('.match').removeClass('highlighted');
                $('.match').eq(i).addClass('highlighted');
                $('.ui-mobile-viewport').animate({
                    scrollTop: $('.match').eq(i).offset().top
                }, 300);
            });




            if ($('.highlighted:first').length) { //if match found, scroll to where the first one appears
                $(window).scrollTop($('.highlighted:first').position().top);
            }
            return true;
        }
    }
    return false;
}

$(document).on('click', '.searchButtonClickText_h', function (event) {

    $(".highlighted").removeClass("highlighted").removeClass("match");
    if (!searchAndHighlight($('.textSearchvalue_h').val())) {
        alert("No results found");
    }


});
4

1 回答 1

0

这些字符在正则表达式中有特殊含义——它们需要被转义

更新 - 一个非常快速（而且有点脏）的修复：

var searchTermRegEx = new RegExp('('+searchTerm.replace(/([[\]()+{}?])/,'\\$1')+')', "ig");
于 2013-07-19T10:46:13.587 回答