w2toolbar.colorClick

colorClick(event)

カラーピッカーから色を選択した時に呼び出されます。 戻り値はundefinedです。

event: object

DOMイベント。

説明

このメソッドはcolorまたはtext-colorタイプの場合のみ動作します。 ユーザーが色を選択すると呼び出されます。 内部的に使用されますが、クリックをエミュレートするために使うことも可能です。 このメソッドは.onClickイベントを発生させます。

ツールバーが以下のように定義されている場合、

$('#toolbar').w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'color', id: 'item1' },
        { type: 'text-color', id: 'item2' }
    ]
});

以下のように指定します。

var tb = w2ui['toolbar'];
tb.colorClick({ name: tb.name, item: tb.get('item1'), color: '000000', originalEvent: {} });

デモ

ボタンをクリックすると、カラーピッカーの色を指定した色に変更します。

JavaScript

$('#toolbar').w2toolbar({
  name  : 'mytoolbar',
  items : [
    { type: 'color',  id: 'color1', text: 'color', color: '000000' },
  ],
});

$('#get-result').on('click', function(){
  var tb = w2ui['mytoolbar'];
  tb.colorClick({ item: tb.get('color1'), color: '00bfa5' });
});

HTML

<button id="get-result">実行</button>
<div id="toolbar"></div>