Чем отличается innerText от ручного ввода с клавиатуры?

Question

[broccolypro]

Пишу userscript. На сайте есть поле ввода textarea и кнопка "ПРОВЕРИТЬ". После ввода в поле каких либо значений кнопка становиться активной, но при присвоении ей значения через

document.querySelector('id').innerText = 'ввод чего-то'; //пробовал так же innerHTML, value, texContent

кнопка не активна. Как можно решить это?

Comments

[iBird Rose]

по какому событию ты делаешь активной кнопку "ПРОВЕРИТЬ" - это событие вручную и вызывай после того как присвоил значение

Answer 1

[Андрей Мартынкевич]

При указании через innerText не происходит событие.
Можно написать так:

let event = new Event("Название события")
Element.dispatchEvent(event);
Element.innerText = 'ввод чего-то';

Comments

[broccolypro]

тогда как можно поступить иначе чтобы произошло событие?

[Андрей Мартынкевич]

broccolypro, покажите код, так лучше всего будет

[broccolypro]

а что можно или нужно прописать в "Название события" ?

[Андрей Мартынкевич]

broccolypro, тут зависит какое событие у Вас висит на textarea, может быть change или input и другие, но т.к вы говорите, что кнопка становится активной после ввода значений, то тут только input или change

[ThunderCat]

Андрей Мартынкевич, Там вполне может быть что угодно, в том числе и кейап и кейпресс, и кейдаун... Кода нет, по этому говорить то особо не о чем...

Answer 2

[ThunderCat]

После ввода в поле каких либо значений кнопка становиться активной

И какое событие вы отслеживаете?

Comments

[broccolypro]

Событие? не знаю. Не отслеживаю вроде. Просто присваиваю значение через innerHTML потом вызываю click() по кнопке но это бесполезно т.к. он не активна

[Андрей Мартынкевич]

broccolypro, А для чего вы вызываете click по кнопке если она активируется только тогда когда вы напишите что-то в textarea?

[broccolypro]

Андрей Мартынкевич, нет она не активизируется а становиться активной для клика

[broccolypro]

Это не работает к сожалению

let event = new Event("Название события")
Element.dispatchEvent(event);
Element.innerText = 'ввод чего-то';

Текст присваивается но кнопка не активна

[Андрей Мартынкевич]

broccolypro, пробовали вместо "Название события" написать "change" или "input"?

[broccolypro]

Андрей Мартынкевич, да, вот код кст

var input1 = document.querySelector('id-texratea');
   var button1 = document.querySelector('id-button');
    
    let event = new Event('change') //input
    input1.dispatchEvent(event);
    input1.innerText = 'ввод чего-то';
    
    button1.click();

[ThunderCat]

broccolypro, во первых надо смотреть консоль, это вообще первое что нужно делать. Скорее всего у вас там вылетает куча ошибок. Их надо читать, если что, и по ним уже делать выводы что происходит и что делать.

Например я слабо понимаю что можно выбрать через document.querySelector('id-texratea'); так как селекторы у вас достаточно странные... читайте доку, смотрите что консоль пишет, поправляйте код...

Answer 3

[broccolypro]

вот кое-что достал с помощью панели разработчика гугл

function Fr() {}
        var Lr = null
          , Dr = null;
        function Br(e, t) {
            switch (e) {
            case "button":
            case "input":
            case "select":
            case "textarea":
                return !!t.autoFocus
            }
            return !1
        }
        function Ur(e, t) {
            return "textarea" === e || "option" === e || "noscript" === e || "string" == typeof t.children || "number" == typeof t.children || "object" == typeof t.dangerouslySetInnerHTML && null !== t.dangerouslySetInnerHTML && null != t.dangerouslySetInnerHTML.__html
        }