ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript/jquery キーボード イベントの概要
1. 最初に知っておくべきことは次のとおりです:
1. keydown()
keydown イベントは、キーが押されたときにトリガーされます。 、キーボードを押して立ち上がった後、キーがタップされたときにイベント
3. keyPRess()
keypress イベントがトリガーされます。同じキーを押したり離したりすると理解できます
次に、対応する asciII コードを取得します。キーボード:
$(document).keydown(function(event){
alert(event.keyCode);});
$tips: 上記の例では、event.keyCode が何を取得するのに役立ちます。押したキーボードのキーは ASCII コードです。たとえば、上、下、左、右のキーはそれぞれ 38、40、37、39 です。例 (左と右のキーがオンの場合)。キーボードが押されている)
コードは次のとおりです: $(document) .keydown(function(event){//event.keyCode が 37 (つまり左側のキー) であると判断し、関数 to_left() を実行します。 / /event.keyCodeが39(右側のキー)の場合を判定し、関数to_right()を実行
if(event.keyCode == 37){
else if (event.keyCode == 37){ .keyCode == 38){
){ $(".abc") .CSS( {'left':'-=10'});}関数 to_right(){ $(".abc").css({ 'left':'+=10'});}関数 to_top(){$( ".abc").css({'top':'-=10'});}関数 to_bottom(){$(" .abc").css({'top':'+=10'}); }
上記は JavaScript/jquery キーボード イベントの紹介です。その他の関連記事については、PHP 中国語に注目してください。ウェブサイト (www.php.cn)!