无法通过javascript单击按钮

Question

我想在chrome控制台中单击一个带有javascript的按钮（请参阅附件），但是它不起作用。我尝试使用ID和Class，但没有机会。如果我想单击同一站点上的一个元素，则这两行都可以正常工作。。

我尝试过的事情：

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

Answer 1

例如，单击有时不起作用，例如，如果您在<a>标签上使用它，则它不会触发链接。您可以尝试使用MouseEvent API模拟点击事件。

在这里您可以找到不错的示例How to simulate a click event with vanilla 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);

Answer 2

单击此按钮后要做什么。您必须说onclick="your_code_here"

工作示例小提琴：here

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

Answer 3

我解决了。该网站正在使用vue。所以命令是：

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

抱歉，您无法回答这个问题。