JSキーボードイベントとタッチイベント

まず、キーボードイベントの
キーボードイベントは、ラベルをバインドすることはできませんまたはドキュメントウィンドウには、2つを使用して、正確に同じ効果でなければなりません。入力選択テキストエリアボタンA：タグは、フォーカスを取得することができます。。。

押し続けるならば1、KeyDownイベントプレストリガーボタン、トリガー常に意志

// 任意のキーを押しキーボード、トリガイベント 
window.onkeydown = 関数（）{ 
　　にconsole.log（ 12である）; 
} 
// 任意のキーを押し、キーボード、イベントトリガ 
document.onkeydownを= 関数（）{ 
　　にconsole.log（ 34れます） ; 
}

2、からkeyupボタンアップイベント

// あなたは、どの鍵盤を押して解除をトリガする場合は、複数のキーを押し、同時に、すべてのリリースがトリガされる場合、それは、押されてトリガされません 
window.onkeyup = 関数（{）
    はconsole.log（ 12 ）; 
} 
// プレス任意のキーボードキー、放出を引き起こすであろう、それは同時に複数の押圧は、いずれかの放出トリガされる場合、押すことによりトリガされていません 
document.onkeyup = 関数（）{ 
    コンソール。ログ（ 34です）; 
}

3、addは関連イベントにラベルを付けます

// 追加イベントラベル
VAR oDiv = document.querySelector（ 'DIV' ）;
 // オブジェクト.onkeydown / onkeyupの 
oDiv.onkeydown = 関数（）{ 
    にconsole.log（ 56です）; 
}

図4に示すように、キーイベントオブジェクト
キー名（テンキーを区別しない）を格納e.keyが押さ
値にe.keycode各キー対応が重複しない、各キーがdoにFirefoxの必要性のこの低互換バージョンを区別するために使用しました処理します。var変数= e.keycode || e.which

window.onkeydown = 関数（E）{ 
    にconsole.log（E）; 
}

5、キーの組み合わせ
は、Ctrl、Altシフト+他のキーの組み合わせ

Eイベントオブジェクトには、3つのプロパティを持つ
ctrlKeyプレスCTRL結果が誤った結果に忠実描かれていない
代替結果を押すAltキー間違った結果に忠実描画されない
shiftKey Shiftキーを押しながら結果誤った結果に忠実描画されません

// 決定キーがE + CTRL（69）押されている 
window.onkeydown = 関数（E）{
     IF（== e.ctrlKey trueに && e.keycode == 69 {）
        はconsole.log（「CTRLキーを押し鍵e " ）
    } 
}

第二に、（主に移動体端末のための）タッチイベント
touchstartタッチ開始
touchendタッチ端
touchmoveタッチ運動
他のイベントが使用してこれら3つのイベントの組合せである
長押しを：違いをタッチすると、終了時間（1秒又は0.5秒、所定のブラウザよりも大きいですそして、JSで閉じられていません）

図2に示すように、タッチ：100ミリ秒未満の接触時間
3は、左：タッチ開始、タッチ端を、差分座標

4.特別イベント：
ときオーバーエンド：transitionend時にオーバーエンド
時にアニメーションの最後：animationendアニメーションの最後

// 実行されるいくつかの特性、プログラムの実行は、いくつかの操作がある
VAR oDiv = document.querySelector（ 'DIV' ）; 
oDiv.ontransitionend = 関数（）{ 
    （にconsole.log 'の端部上' ）
}

JSキーボードイベントとタッチイベント

おすすめ