Question

当用户在Chrome中选择自动填充选项（同时从建议列表中选择）时，页面会跳转（自动滚动）。我怎样才能解决这个问题？感谢。

我试过scrollIntoView：false，

请看这里：http://www.biletall.com/default.aspx;

请写下＃34; Kayseri＆＃34;在总线面板上，单击建议的自动完成值。你可以看到页面跳转。

示例代码：

function ucak_varis_getir(sonuc) {

var data = $.parseJSON(sonuc);
$(function () {

    $('#HavaVaris').autocomplete(
    {
        highlightClass: "bold-text", 
        source: function (request, response) {
            var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
            response($.grep(data, function (value) {
                value = value.label || value.value || value;
                return matcher.test(value) || matcher.test(normalize(value));
            }));

        },
        minLength: 3,
        delay: 0,
        autoFocus: true,
        scrollIntoView: false,
        select: function (event, ui) {
            $('#HavaVaris').val(ui.item.label);
            $('#HavaVaris').data('ulkeId', ui.item.actor.ulkeId);
            $('#HavaVaris').data('kod', ui.item.actor.kod);
            $('#HavaVaris').data('hiddenData', ui.item.actor.hiddenData);
            yasliGosterGizle();

            return false;
        },
        close: function (event, ui) {
            $('#HavaVaris').data('aramaYapildiMi', 0);
        },
        open: function (event, ui) {
            $('#HavaVaris').data('aramaYapildiMi', 1);
        }

    }).focus();

});

}

Answer 1

我注意到的一件事是问题只发生在点击上而不是用户选择使用键盘时。

尝试删除功能结尾附近的 .focus（）。

如果不起作用，请尝试将autoFocus更改为false。

Answer 2

请看这里：https://www.bibiletal.com/ucak-bileti/

请在总线面板上写下“Kayseri”，然后点击建议的自动填充值。你可以看到页面跳转。

当鼠标在自动完成页面上选择时跳到顶部

2 个答案: