我正在尝试使此代码单击按钮

时间:2019-11-03 05:18:30

标签: javascript button click getelementsbyclassname

嘿,我不是一位经验丰富的编码员,只是在线观看了一些视频,现在我正尝试这样做。

该代码必须先填写文本,然后才能单击按钮,否则它将无法进入下一页。

我设法将其填充文本,但是我发现填充文本需要花费一些时间,大约200毫秒。

类名称为button-submit

我写的代码是

document.getElementsByClassName('button-submit')[0].click()

我得到的错误是:

  

错误:无法读取未定义的属性“点击”

当我手动输入代码时,它会单击按钮,但是当我将其激活时,它会显示上面的错误。

我认为我可能需要添加延迟,但不确定。

任何建议都值得赞赏!

1 个答案:

答案 0 :(得分:1)

您可以创建一个仅在需要时调用的函数。

  • 如果您有输入字段,则可以执行以下操作:
// Get the input field
var input = document.getElementById("input-filed");

// Execute a function when the user releases a key on the keyboard
input.addEventListener("keyup", function(event) {
  // Number 13 is the "Enter" key on the keyboard
  if (event.keyCode === 13) {
    event.preventDefault();

    // Trigger the button element with a click
    handleSubmit();
  }
});

//Submitt function to manage button click.
function handleSubmit(){
 //find button with query selector it will select automatically first element.
 var buttonEle = document.querySelector(".button-submit");
 buttonEle.click();
} 

我希望这会对您有所帮助。