prevent-parent

Prevent keydown events from reaching the parent page for iframed pages. Useful for games that use arrow keys for input and are displayed on a gallery page.

Usage no npm install needed!

<script type="module">
  import preventParent from 'https://cdn.skypack.dev/prevent-parent';
</script>

README

prevent-parent

Prevent keydown events from reaching the parent page for iframed pages. Useful for games that use arrow keys for input and are displayed on a gallery page.

Install

npm install --save prevent-parent

Use

Call preventParent() once after your app loads.

Syntax

preventParent([optional-keycode-list])

optional-keycode-list:

list of key codes, defaults to arrow keys ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft']

Examples

prevent arrow keys

import preventParent from 'prevent-parent';

// prevent parent window form scrolling
preventParent();

pass in custom list of keycodes

import preventParent from 'prevent-parent';

// prevent Space and ShiftRight keys in parent
preventParent(['Space', 'ShiftRight']);