Проблема с поиском и поиском сценария пользователя в Chrome - PullRequest
Новая
       8

Проблема с поиском и поиском сценария пользователя в Chrome

0 голосов
/ 25 января 2020

Я построил пользовательский скрипт для поиска и отображения записей в плавающем div. с firefox скрипт работает отлично. в гугле chrome не работает полностью. найденная запись - которая не находится в поле зрения (в примере «Значение 9») - не перемещается, а только помечается.

здесь мой текущий скрипт: 

(function () {
    /* ***************************************************************************************** */
    window.setTimeout(function () {
        /* ***************************************************************************************** */
        var t1show = "Key 1";
        var t1title = "Desc Key 1";
        var t1search = "Value 1";
        var t2show = "Key 9";
        var t2title = "Desc Key 9";
        var t2search = "Value 9";

        var gForm2 = document.createElement("div");
        gForm2.innerHTML = '<style type="text/css">' +
            '#s1,#s2 {width: 120px;}' +
            '::selection { background: yellow; color: black; }' +
            '</style>' +
            '<button id="s1" title="' + t1title + '">' + t1show + '</button>' +
            '<button id="s2" title="' + t2title + '">' + t2show + '</button>';

        gForm2.setAttribute('class', 'rn');
        with (gForm2.style) {
            var position,top,left,padding,fontSize,color,backgroundColor,border,whiteSpace,zIndex
            position = 'fixed';
            top = '10px';
            left = '800px';
            padding = '0px';
            fontSize = '15px';
            color = '#888';
            backgroundColor = 'transparent';
            border = 'solid 2px #fff';
            whiteSpace = 'nowrap';
            zIndex = '1000';
        }
        document.body.appendChild(gForm2);

        var el1 = document.getElementById('s1');
        function s1() {
            window.getSelection().removeAllRanges();
            window.find(t1search, false, false, false, false, false, false);
        };
        el1.addEventListener('click', s1);

        var el2 = document.getElementById('s2');
        function s2() {
            window.getSelection().removeAllRanges();
            window.find(t2search, false, false, false, false, false, false);
        };
        el2.addEventListener('click', s2);
        /* *************************************************************************************** */
    }, 1);
    /* *************************************************************************************** */
})();

и здесь тестовый сайт .

как мне получить функциональность firefox в chrome?

...