> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/web/browser/event/type/key/shift+space.md).

# press shift + space

🚧 under construction

[browser](/web/browser.md) ⟩ [event](/web/browser/event.md) ⟩ [type](/web/browser/event/type.md) ⟩ key ⟩ example ⟩ press shift + space  

{% hint style="success" %} <mark style="color:purple;">**keydown**</mark> <mark style="color:yellow;">/</mark> <mark style="color:purple;">**keyup**</mark> – keyboard key is <mark style="color:yellow;">**pressed**</mark> / <mark style="color:yellow;">**released**</mark>.
{% endhint %}

{% tabs %}
{% tab title="💈範例" %}

* replit ⟩ [press shift + space](https://replit.com/@pegasusroe/press-shift-space#index.js) ,  require ⟩ [Node extension](/web/browser/dom/type/node/+ext.md)&#x20;

```javascript
// ⭐️ import
import { $ } from './js/ext/Node_ext.js'; // Node extension

const cat = $('#cat');
let hidden = true;

// ⭐️ onkeydown
window.addEventListener("keydown", event => {
    // ⭐️ shift + space
    if (event.key == " " && event.shiftKey) {
        hidden = !hidden;
        cat.style.display = hidden ? 'none' : 'inline';
    }
});
```

{% endtab %}

{% tab title="📗 參考" %}

* [ ] Eloquent JS ⟩ [Ch. 15: Event Handling](https://eloquentjavascript.net/15_event.html) ⟩ [Key Events](https://eloquentjavascript.net/15_event.html#h_974t15Z9oa)
  {% endtab %}

{% tab title="📘 手冊" %}

* [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event) ⟩ [UIEvent](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) ⟩ [KeyboardEvent](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent) ⟩ [keydown](https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event) | [keyup](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event)
  * .[key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key), .[code](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code), .[altKey](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/altKey), .[ctrlKey](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/ctrlKey), .[metaKey](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/metaKey), .[shiftKey](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/shiftKey), ...
    {% endtab %}
    {% endtabs %}