mozilla

Compare Revisions

Keyboard Shortcuts

Change Revisions

Revision 90426:

Revision 90426 by Brettz9 on

Revision 90427:

Revision 90427 by Kennykaiyinyu on

Title:
Keyboard Shortcuts
Keyboard Shortcuts
Slug:
XUL_Tutorial/Keyboard_Shortcuts
XUL_Tutorial/Keyboard_Shortcuts
Tags:
XUL, XUL_Tutorial, Tutorials
XUL, XUL_Tutorial, Tutorials
Content:

Revision 90426
Revision 90427
n545      Now that we know how to define keyboard shortcuts, we'll fin545      Now that we know how to define keyboard shortcuts, we'll fi
>nd out how we can use them. There are two ways. The first is the >nd out how we can use them. There are two ways.
>simplest and just requires that you use the keypress event handle 
>r on the <code>{{template.XULElem("key")}}</code> element. When t 
>he user presses the key, the script will be invoked. An example i 
>s shown below: 
546    </p>
547    <p>
548      <b>The first way</b> is the simplest and just requires that
 > you use the keypress event handler on the <code>{{template.XULEl
 >em("key")}}</code> element. When the user presses the key, the sc
 >ript will be invoked. An example is shown below:
t559      If you are assigning a keyboard shortcut that performs a cot562      <b>The second way</b> is: If you are assigning a keyboard s
>mmand that also exists on a menu, you can associate the <code>{{t>hortcut that performs a command that also exists on a menu, you c
>emplate.XULElem("key")}}</code> element directly with the menu co>an associate the <code>{{template.XULElem("key")}}</code> element
>mmand. To do this, also add a <code>{{template.XULAttr("key")}}</> directly with the menu command. To do this, also add a <code>{{t
>code> attribute on the <code>{{template.XULElem("menuitem")}}</co>emplate.XULAttr("key")}}</code> attribute on the <code>{{template
>de>. Set its value to the <code>{{template.XULAttr("id")}}</code>>.XULElem("menuitem")}}</code>. Set its value to the <code>{{templ
> of the key that you want to use. The example below demonstrates >ate.XULAttr("id")}}</code> of the key that you want to use. The e
>this.>xample below demonstrates this.

Back to History