javascript - ボタンonclickへの機能がすでにある場合、ボタンクリックでイベントリスナーを追加する方法

Question

<div class="add-gift-message">
  <input type="checkbox" id="allow_gift_options" value="1">
  <label>Add Gift Message</label>
</div>
<div class="buttons-set form-buttons btn-only" id="billing-buttons-container">
  <input type="button" class="button" onclick="AddEventHandler();"><span>Continue</span>
</div>

ボタンのonclickでリスナーを追加する方法を教えてもらえますか？しかし、すでにボタンのonclickで機能しており、ボタンのonclick関数でチェックボックスをチェックする方法をここで私はjsfiddelを提供してい ます。 jsfiddle.net/jWUB4/15/

Answer 1

私はそれを試してみます：

var button = document.getElementsByTagName('button')[0];

button.onclick = function(e) {
    fireFirst(e);
    fireSecond(e);
    etc....
}

// first function to fire when button is clicked...
function fireFirst(e)
{
    // code goes here
}

// second function to fire when button is clicked...
function fireSecond(e)
{
    // code goes here
}

基本的に、ボタンがクリックされたときに起動する他のすべての関数を含むラッパー関数があります。