按鈕不點擊不動態點擊 - javascript

Question

I am attempting to click a button dynamically using javascript to call a js function, when I launch the page, the javascript function is never called by the button to be clicked dynamically. 這是我的片段

<button id="deSubmit" type="submit" >
    To be clicked automatically
</button>

<script type="text/javascript">
    document.getElementById("deSubmit").click();
</script>

這是我想動態調用的js function

$("#deSubmit").click(function () {
    $(function () {
        url_redirect({
            url: "${url}",
            method: "post"
        });
    });
........

請問有什么問題

Answer 1

在document.ready中調用它

 $("#deSubmit").click(function () { console.log("teste") /*$(function () { url_redirect({ url: "${url}", method: "post" }); });*/ }); $( document ).ready(function() { document.getElementById("deSubmit").click(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="deSubmit" type="submit" >To be clicked automatically</button>

Answer 2

在document.ready中附加點擊事件。 另外$(function () {這個包裝不是必需的

 $(document).ready(function() { document.getElementById("deSubmit").click(); }) $("#deSubmit").click(function() { console.log('test') });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="deSubmit" type="submit">To be clicked automatically</button>

Answer 3

我不知道你為什么要點擊一個按鈕，你也可以在加載腳本時寫這個 function。

您需要將您的代碼包含在准備好的文檔 function 中，以確保在執行任何 JavaScript 代碼之前加載您的文檔。

為簡單起見，我使用 JQuery onlu 調用了點擊事件。

 $(document).ready(function() { $("#deSubmit").click(function() { /* url_redirect({ url: "${url}", method: "post" }); */ alert('function called'); }); $('#deSubmit').click(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <button id="deSubmit" type="submit"> To be clicked automatically </button>

Answer 4

不要與 jQuery 和 Javascript 復雜化。

  <script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function() {

        const btn = document.getElementById("deSubmit");

        btn.addEventListener("click", function() {
          alert("here2")
        });

        btn.click();
    });
  </script>

使用上面的代碼這將起作用..只需將您的代碼放在警報的位置。