javascript - クリックアタッチイベントを動的に追加する方法

Question

JavaScript を使用してクリック イベントを動的にアタッチする必要があります。私のサンプルコードを以下に示します。

require(["dijit/form/ToggleButton", "dojo/dom-construct"], function (ToggleButton, domConstruct) { 
    var newButton = new ToggleButton({
        showLabel: true,
        checked: false,
        onChange: function (val) { frame(this); },
        label: item.getAttribute('label')
    }, item.getAttribute('id'));
});

Answer 1

Dojo 1.8+ を使用している場合はWidget#on、ウィジェットの作成後に使用してイベントに接続できます。

var newButton = new ToggleButton({
    showLabel: true,
    checked: false,
    label: item.getAttribute('label')
}, item.getAttribute('id'));

newButton.on('change',function(){
    console.log('onChange event called');
});

newButton.on('click',function(){
    console.log('click event called');
});