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

问题描述 投票:1回答:1

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

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

我设法使它充满文本,但是我发现它花费了一些时间来填充文本,大约需要200毫秒。

类名称为button-submit

我写的代码是

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

我得到的错误是:

错误:无法读取未定义的属性'click'

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

我想我可能不得不增加延迟,但不确定。

任何建议都值得赞赏!

javascript button click getelementsbyclassname
1个回答
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();
} 

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

© www.soinside.com 2019 - 2024. All rights reserved.