目次
キーボードのキーが押されたとのイベントonkeydown、onkeyup
キーが押されたときにイベントが発生するのはwindow.onkeydownプロパティかdocument.onkeydownプロパティに関数を入れてあげればよい。
onkeydown = function(e) { alert(e.key); }
またはアロー関数を使えば
onkeydown = e => alert(e.key);
キーを押しっぱなしにするとこのイベントが連続して発生するので、1回だけイベントを起こしたい時はonkeyup(キーが離されたとき)を使うとよい。
onkeyup = function(e) { alert(e.key); }
またはアロー関数を使えば
onkeyup = e => alert(e.key);
となる。
input、select、textareaで変更が発生したときのイベントonchange
JavaScript側でwindow.onload時にイベントハンドラーを設定しちゃう方法
HTML側
<input id="here" type="date">
等とやっておいて
JavaScriptには以下のようにして設定する。
window.onload = function () { document.getElementById("here").onchange = auieo; } //イベントが発生したときの処理は function aiueo(e) { window.alert("イベントが発生:" + e.target.value); }
HTMLのonclickで関数をやろうとするとイベントのeが渡らないっぽい。
<!--これ駄目↓--> <input onclick="aiueo()" type="button" value="btn">
イベントハンドラープロパティに入れた関数でないとeが渡らないようだ。
卒業生によるテックアカデミーとテックキャンプの違いを比較 | プログラミングスクールおすすめラボ
テックアカデミーとテックキャンプを3カ月ずつ受講した私(元受講生)がプログラミングスクール両者の違い、メリットデメリットを比較し皆さんの選択を助けます。 人生をよ…
卒業生によるテックアカデミーと侍エンジニア塾の比較 | プログラミングスクールおすすめラボ
ここではテックアカデミーと侍エンジニア塾とそれぞれ3カ月受講したわたくしが、学習スタイルの違いを比較したり、メリット・デメリットを比較いきます。 料金は決して安い…
卒業生によるテックキャンプと侍エンジニア塾の比較 | プログラミングスクールおすすめラボ
ここでは実際に入会して3ヶ月受講した私がテックキャンプと侍エンジニア塾という2つのプログラミングスクールを比較していきます。数か月という時間をかけ学び、安くはない…