w2toolbar.onClick

onClick = function(event)

ツールバーのアイテムをクリックした時に呼び出されます。

オブジェクト作成時にイベントリスナーとして指定します。

$('#toolbar').w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'check',  id: 'item1', text: 'Check', img: 'icon-page', checked: true },
        { type: 'radio',  id: 'item3',  group: '1', text: 'Radio 1', img: 'icon-add' },
        { type: 'radio',  id: 'item4',  group: '1', text: 'Radio 2', img: 'icon-add' }
    ],
    onClick: function(event) {
        console.log('item '+ event.target + ' is clicked.');
    }
});

または、オブジェクト生成後に指定します。

w2ui['toolbar'].on('click', function(event) {
    console.log('item '+ event.target + ' is clicked.');
});

ツールバーのアイテムにイベントリスナーを追加することができます。 詳細は.itemsプロパティを参照してください。 ツールバーのアイテムがメニューの場合、 eventは、クリックしたメニューのアイテム(もしあれば)を参照します。

このイベントハンドラはデフォルトのアクションの前に呼び出されます。 デフォルトアクションを取り消すにはevent.preventDefault()を使います。 このイベントが完全に終わった後にデフォルトアクションを走らせるには、event.onCompleteを使います。 より詳しく知りたい場合はw2utils:eventsを参照して下さい。

デモ

ツールバーをクリックすると、クリックしたアイテムのidを表示します。

JavaScript

$('#toolbar').w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'check',  id: 'item1', text: 'Check', img: 'icon-page', checked: true },
        { type: 'radio',  id: 'item3',  group: '1', text: 'Radio 1', img: 'icon-add' },
        { type: 'radio',  id: 'item4',  group: '1', text: 'Radio 2', img: 'icon-add' }
    ],
    onClick: function(event) {
        console.log('item '+ event.target + ' is clicked.');
    }
});