Use `event.key` in examples instead of deprecated event.which

pull/4758/head
Daniel Imfeld 5 years ago
parent b3364424d7
commit 61776ac8b4

@ -20,7 +20,7 @@
]; ];
function handleKeydown(event) { function handleKeydown(event) {
if (event.which === 13) { if (event.key === 'Enter') {
const text = event.target.value; const text = event.target.value;
if (!text) return; if (!text) return;

@ -4,7 +4,7 @@
let text = `Select some text and hit the tab key to toggle uppercase`; let text = `Select some text and hit the tab key to toggle uppercase`;
async function handleKeydown(event) { async function handleKeydown(event) {
if (event.which !== 9) return; if (event.key !== 'Tab') return;
event.preventDefault(); event.preventDefault();

@ -112,7 +112,7 @@
<input <input
class="new-todo" class="new-todo"
placeholder="what needs to be done?" placeholder="what needs to be done?"
on:keydown="{event => event.which === 13 && add(event.target)}" on:keydown="{event => event.key === 'Enter' && add(event.target)}"
> >
<div class='left'> <div class='left'>

@ -20,7 +20,7 @@
]; ];
function handleKeydown(event) { function handleKeydown(event) {
if (event.which === 13) { if (event.key === 'Enter') {
const text = event.target.value; const text = event.target.value;
if (!text) return; if (!text) return;

@ -20,7 +20,7 @@
]; ];
function handleKeydown(event) { function handleKeydown(event) {
if (event.which === 13) { if (event.key === 'Enter') {
const text = event.target.value; const text = event.target.value;
if (!text) return; if (!text) return;

@ -2,7 +2,7 @@
let text = `Select some text and hit the tab key to toggle uppercase`; let text = `Select some text and hit the tab key to toggle uppercase`;
async function handleKeydown(event) { async function handleKeydown(event) {
if (event.which !== 9) return; if (event.key !== 'Tab') return;
event.preventDefault(); event.preventDefault();

@ -4,7 +4,7 @@
let text = `Select some text and hit the tab key to toggle uppercase`; let text = `Select some text and hit the tab key to toggle uppercase`;
async function handleKeydown(event) { async function handleKeydown(event) {
if (event.which !== 9) return; if (event.key !== 'Tab') return;
event.preventDefault(); event.preventDefault();

@ -56,7 +56,7 @@
<div class='board'> <div class='board'>
<input <input
placeholder="what needs to be done?" placeholder="what needs to be done?"
on:keydown={e => e.which === 13 && add(e.target)} on:keydown={e => e.key === 'Enter' && add(e.target)}
> >
<div class='left'> <div class='left'>

@ -56,7 +56,7 @@
<div class='board'> <div class='board'>
<input <input
placeholder="what needs to be done?" placeholder="what needs to be done?"
on:keydown={e => e.which === 13 && add(e.target)} on:keydown={e => e.key === 'Enter' && add(e.target)}
> >
<div class='left'> <div class='left'>

@ -56,7 +56,7 @@
<div class='board'> <div class='board'>
<input <input
placeholder="what needs to be done?" placeholder="what needs to be done?"
on:keydown={e => e.which === 13 && add(e.target)} on:keydown={e => e.key === 'Enter' && add(e.target)}
> >
<div class='left'> <div class='left'>

@ -57,7 +57,7 @@
<div class='board'> <div class='board'>
<input <input
placeholder="what needs to be done?" placeholder="what needs to be done?"
on:keydown={e => e.which === 13 && add(e.target)} on:keydown={e => e.key === 'Enter' && add(e.target)}
> >
<div class='left'> <div class='left'>

Loading…
Cancel
Save