Кнопка не активируется через JavaScript

Question

Я хочу нажать кнопку (см. В приложении) с помощью javascript в консоли Chrome, но она не работает.Я пытался с удостоверением личности и классом, но без шансов.Если я хочу щелкнуть элемент на том же сайте, он отлично работает с обеими строками. .

Что я пробовал:

document.getElementById('account-settings-save-button').click()
document.getElementsByClassName('btn-progress btn btn-primary icon-btn icon-right IDLE null')[0].click()

Answer 1

Что вы хотите сделать, когда эта кнопка нажата. Вы должны сказать onclick="your_code_here"

Рабочий пример скрипки: здесь

<button 
  id="account-settings-save-button" 
  onclick="alert('click event occured')">
   BUTTON
</button>

Answer 2

Я решил это.Этот сайт использует VUE.Итак, команда:

document.getElementById('account-settings-save-button').__vue__.onClick();

К сожалению, вы не смогли ответить на этот вопрос.

Answer 3

Иногда щелчок не работает, например, если вы используете его на тегах <a>, он не будет вызывать ссылку.Вы можете попробовать MouseEvent API для имитации события клика.

Здесь вы можете найти хороший пример Как имитировать событие клика с ванильным JavaScript

Короче говоря, вы можете попытаться сделать следующее:

    //From the example above
    var simulateClick = function (elem) {
        // Create our event (with options)
        var evt = new MouseEvent('click', {
            bubbles: true,
            cancelable: true,
            view: window
        });
        // If cancelled, don't dispatch our event
        var canceled = !elem.dispatchEvent(evt);
    };

    var buttonToClick = document.getElementById('account-settings-save-button');
    simulateClick(buttonToClick);