查找可见项目的索引并选择URL以在新窗口中打开

时间:2019-01-30 13:48:50

标签: javascript jquery

我不知道如何仅突出显示表格中的可见项目/行,并跳过隐藏的项目/行。

然后突出显示一个(带有向上/向下键)时,如何选择URL并在“输入”-按键上的新窗口中打开它。

https://jsfiddle.net/jasq6zkn/

JS:

$(document).ready(function(){
    $("#search").on("keyup", function(e) {
        if(e.which != 13||e.which != 38||e.which != 40){
        var value = $(this).val().toLowerCase();
        $("#data tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
        }
    });
});

function highlight(tableIndex) {
    if( (tableIndex+1) > $('#data tr').length )
        tableIndex = 0;

   console.log(tableIndex);

    if($('#data tr:eq('+tableIndex+')').length > 0)
    {
        // Remove other highlights
        $('#data tr').removeClass('highlight');
        // Highlight your target
        $('#data tr:eq('+tableIndex+')').addClass('highlight');
    }
}
$(document).keydown(function (e) {
    switch(e.which)
    {
        case 13:
            alert('Opening url');
            $('#search').val("");
            $('#data tr').removeClass('highlight');
            //OPEN THE URL HERE
            break;
        case 38:
            highlight($('#data tr.highlight').index() - 1);
            break;
        case 40:
            highlight($('#data tr.highlight').index() + 1);
            break;
    }
});

谢谢:-)

1 个答案:

答案 0 :(得分:1)

我认为您应该尝试这样的事情:

function handleOutboundLinkClicks(event) {
    ga('send', 'event', {
       eventCategory: 'Outbound Link',
       eventAction: 'click',
       eventLabel: 'MyGoTapaidh',
       transport: 'beacon'
    });
}