首次單擊后更改按鈕onclick

Question

我正在努力使它起作用。 我有一個按鈕，我希望它執行Javascript函數A，在該函數A中，我想將Onclick更改為函數B。因此，當用戶在第二次單擊該按鈕時，它就會執行B。該

<Button onclick="A();">Click me</button>
<script>
Function A() {
document.getElementById("button").onclick=B();
}
Function B() {
Alert("hello world");
}

在函數A（）中，它不執行FIRST A，然后執行B，它立即執行B。有人可以幫我嗎？ 謝謝 ：）

Answer 1

您正在使用B()調用B。

使用document.getElementById("button").onclick=B; 。 請注意， B之后沒有括號。

Answer 2

當您使用括號寫函數名稱時，例如B() ，它將立即調用該函數。 相反，您需要將onclick設置為函數名稱A或B

您的整體解決方案可能如下所示：

function A(event) {
  // Function logic...
  event.target.onclick = B;
}

function B() {
  // Function logic...
}

document.getElementById("button").onclick = A;

Answer 3

您可以使用Jquery更改按鈕onclick的任何屬性。 在下面，我更新onclick屬性以代替執行函數B()

 function A() { $('#toggler').attr('onclick', 'B()'); } function B() { console.log('Updated to B()!'); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="toggler" onclick="A()">Click me!</button> 

Answer 4

使用id代替button的onclick ，然后從javascript定位它，如下所示：

 function b() { console.log('I am in B.') } function a() { console.log('I am inside A.'); button1.removeEventListener('click', a); button1.addEventListener('click', b); } var button1 = document.getElementById('button1'); // get the button element button1.addEventListener('click',a); // assigns a click listener to a() at the beginning 

 <Button id="button1">Click me</button>