jeremy@jermolene.com 2021-08-29 19:36:23 +01:00
rodzic f5cc5bc6a1
commit c9c5d4cf79
7 zmienionych plików z 1 dodań i 180 usunięć

Wyświetl plik

@ -1,4 +0,0 @@
created: 20210525102327864
modified: 20210525102327884
title: $:/key-test
type: text/vnd.tiddlywiki

Wyświetl plik

@ -1,11 +0,0 @@
created: 20210525102659716
modified: 20210525102701077
title: $:/key-test/action
type: text/vnd.tiddlywiki
<$vars tv-wikilinks="no">
* event-key:
* event-code:
* modifier:
</$vars>

Wyświetl plik

@ -1,66 +0,0 @@
created: 20210427092418146
modified: 20210525130708186
tags: KeyboardWidget
title: Key Codes (Example 1)
type: text/vnd.tiddlywiki
\define key-test() $:/key-test
\import [[Keyboard Codes (Macros)]]
\define keys()
backspace tab clear return enter pause escape space
page_up page_down end home printscreen insert delete
left up right down results in: ArrowLeft ArrowUp ArrowRight ArrowDown
0 1 2 3
shift+0 shift+1 shift+2 shift+3 results in: = ! " with modifierKey: shift
ctrl+0 ctrl+1 ctrl+2 ctrl+3
alt+0 alt+1 alt+2 alt+3
ctrl+alt+0 ctrl+alt+1 ctrl+alt+2 ctrl+alt+3
alt+shift+0 alt+shift+1 alt+shift+2 alt+shift+3
ctrl+shift+0 ctrl+shift+1 ctrl+shift+2 ctrl+shift+3 INFO: ctrl-shift-0 is eaten by windows!!
ctrl+alt+shift+0 ctrl+alt+shift+1 ctrl+alt+shift+2 ctrl+alt+shift+3
a s d
shift+a shift+s shift+d
ctrl+a ctrl+s ctrl+d
alt+a alt+s alt+d
ctrl+shift+a ctrl+shift+s ctrl+shift+d
alt+shift+a alt+shift+s alt+shift+d
ctrl+alt+a ctrl+alt+s ctrl+alt+d
ctrl+alt+shift+a ctrl+alt+shift+s ctrl+alt+shift+d
numpad0 numpad1 numpad2 numpad3
multiply add separator subtract decimal divide
f1 f2 f3
semicolon equals comma dash period slash backquote openbracket backslash closebracket quote
\end
! Key Codes
{{$:/key-test/action}}
! Input Area
Depending on your OS and browser keyboard settings, some combinations may be "eaten" by the OS, or the browser!
--> <$keyboard key={{{ [enlist<keys>join[ ]] }}} actions=<<actionKey>> >
<$edit-text tiddler=<<key-test>> placeholder="- Click here. Try keys from list below -" tag=input focus />
</$keyboard> <--
!! Keys to be used
<pre><code><$vars tv-wikilinks="no"><<keys>></$vars></code></pre>
All possible keys can be found at: [[Keyboard Codes]]
! Example Code
<<showCode>>

Wyświetl plik

@ -1,43 +0,0 @@
created: 20210427130002905
modified: 20210525130748774
tags: KeyboardWidget
title: Key Codes (Example)
type: text/vnd.tiddlywiki
\define key-test() $:/key-test
\import [[Keyboard Codes (Macros)]]
\define keys()
1 2 3
shift+1 shift+2 shift+3
a s d
f1 f2 f3
\end
! Key Codes
{{$:/key-test/action}}
! Input Area
Depending on your OS and browser keyboard settings, some combinations may be "eaten" by the OS, or the browser
--> <$keyboard key={{{ [enlist<keys>join[ ]] }}} actions=<<actionKey>> >
<$edit-text tiddler=<<key-test>> placeholder="- Click here to try keys -" tag=input />
</$keyboard> <--
!! Keys to be tested
<$list filter="[enlist<keys>]"><kbd><<currentTiddler>></kbd>, </$list>
-----
All usable keys can be found at: [[Keyboard Codes]]
A more advanced example can be found at: [[Key Codes (Example 1)]]
! Code
<<showCode>>

Wyświetl plik

@ -1,50 +0,0 @@
created: 20210429084127864
modified: 20210525130830934
tags:
title: Keyboard Codes (Macros)
type: text/vnd.tiddlywiki
\define key-test-prefix() $:/key-test
\define codeState() $:/state/code/$(currentTiddler)$
\define getText()
<$vars tv-wikilinks="no">
* event-key: ''$(event-key)$''
* event-code: ''$(event-code)$''
* modifier: ''$(modifier)$''
</$vars>
\end
\define pinDetails()
<$action-setfield $tiddler=<<codeState>> text="open"/>
\end
\define unpinDetails()
<$action-deletetiddler $tiddler=<<codeState>> />
\end
\define toggleDetails(text)
<$list filter="[<codeState>!has[title]]" variable="ignore">
<$button class="tc-btn-invisible" actions=<<pinDetails>> >$text$ {{$:/core/images/unfold-button}}</$button>
</$list>
<$list filter="[<codeState>has[title]]" variable="ignore">
<$button class="tc-btn-invisible" actions=<<unpinDetails>> >$text$ {{$:/core/images/fold-button}}</$button>
</$list>
\end
\define actionKey()
<$action-setfield $tiddler="$:/key-test/action" text=<<getText>> />
\end
\define showCode()
''<<toggleDetails """Toggle this tiddler code""">>''
<$list filter="[<codeState>has[title]]" variable=ignore>
<pre><code><$view /></code></pre>
</$list>
\end
<pre><code><$view /></code></pre>

Wyświetl plik

@ -4,7 +4,7 @@ tags: KeyboardWidget
title: Keyboard Codes
type: text/vnd.tiddlywiki
! All Key Codes known by the KeyboardWidget
This is a list of all the key codes supported by the KeyboardWidget:
<kbd>cancel</kbd>, <kbd>help</kbd>, <kbd>backspace</kbd>, <kbd>tab</kbd>, <kbd>clear</kbd>, <kbd>return</kbd>, <kbd>enter</kbd>, <kbd>pause</kbd>, <kbd>escape</kbd>, <kbd>space</kbd>,
<kbd>page_up</kbd>, <kbd>page_down</kbd>, <kbd>end</kbd>, <kbd>home</kbd>, <kbd>left</kbd>, <kbd>up</kbd>, <kbd>right</kbd>, <kbd>down</kbd>, <kbd>printscreen</kbd>, <kbd>insert</kbd>, <kbd>delete</kbd>
@ -25,7 +25,3 @@ type: text/vnd.tiddlywiki
<kbd>semicolon</kbd>, <kbd>equals</kbd>, <kbd>comma</kbd>, <kbd>dash</kbd>, <kbd>period</kbd>, <kbd>slash</kbd>, <kbd>backquote</kbd>, <kbd>openbracket</kbd>, <kbd>backslash</kbd>, <kbd>closebracket</kbd>, <kbd>quote</kbd>
<kbd>shift</kbd>, <kbd>ctrl</kbd>, <kbd>alt</kbd>, <kbd>meta</kbd>
! Examples
<<list-links "[tag[KeyboardWidget]prefix[Key Codes (Example]]">>

Wyświetl plik

@ -1,6 +1,5 @@
caption: keyboard
created: 20140302192136805
list: [[Keyboard Codes]] [[Key Codes (Example)]] [[Key Codes (Example 1)]] [[Possible Keys (Example 2)]]
modified: 20210612101618855
tags: Widgets
title: KeyboardWidget