Button Hotkey

ボタンButton Hotkey

下のボタンに示したキーを押してみてください。最後のボタンは無効になっていますので、ホットキーを押しても何も起きません。

ダイアログでキーボード操作を必要とするコンポーネントがいくつかある場合、競合が発生する可能性がありますのでご注意ください。

BootstrapDialog.show({
  title: 'Button Hotkey',
  message: 'Try to press some keys...',
  onshow: function(dialog) {
    dialog.getButton('button-c').disable();
  },
  buttons: [{
    label: '(A) Button A',
    hotkey: 65, // Keycode of keyup event of key 'A' is 65.
    action: function() {
      alert('Finally, you loved Button A.');
    }
  }, {
    label: '(B) Button B',
    hotkey: 66,
    action: function() {
      alert('Hello, this is Button B!');
    }
  }, {
    id: 'button-c',
    label: '(C) Button C',
    hotkey: 67,
    action: function(){
      alert('This is Button C but you won\'t see me dance.');
    }
  }]
});