Skip to content

Instantly share code, notes, and snippets.

@Woodsphreaker

Woodsphreaker/index.html

Created October 17, 2017 20:44
Show Gist options
  • Save Woodsphreaker/9956dc2d53d768db0e20469fa73ef67e to your computer and use it in GitHub Desktop.
Save Woodsphreaker/9956dc2d53d768db0e20469fa73ef67e to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/yulalozime
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="filter keys">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>filter keys</title>
<style id="jsbin-css">
span {
display: block;
margin: 10px 0 0 0
}
</style>
</head>
<body>
<input type="text" id="field">
<span>Somente teclas 0 e 1 são aceitas</span>
<script id="jsbin-javascript">
//jshint esnext:true
const acceptedKeys = [8, 37, 39, 46, 48, 49, 96, 97]
const filterKeys = e => {
if (!validadeKeys(e.keyCode)) e.preventDefault()
};
const validadeKeys = key =>
acceptedKeys.some(el => el === key)
const el = document.querySelector('#field')
el.addEventListener('keydown', filterKeys)
</script>
<script id="jsbin-source-javascript" type="text/javascript">//jshint esnext:true
const acceptedKeys = [8, 37, 39, 46, 48, 49, 96, 97]
const filterKeys = e => {
if (!validadeKeys(e.keyCode)) e.preventDefault()
};
const validadeKeys = key =>
acceptedKeys.some(el => el === key)
const el = document.querySelector('#field')
el.addEventListener('keydown', filterKeys)
</script></body>
</html>
Raw
jsbin.yulalozime.css
span {
display: block;
margin: 10px 0 0 0
}
Raw
jsbin.yulalozime.js
//jshint esnext:true
const acceptedKeys = [8, 37, 39, 46, 48, 49, 96, 97]
const filterKeys = e => {
if (!validadeKeys(e.keyCode)) e.preventDefault()
};
const validadeKeys = key =>
acceptedKeys.some(el => el === key)
const el = document.querySelector('#field')
el.addEventListener('keydown', filterKeys)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment