[mootools]押されたキーを取得する

mootools1.2ではEventメソッドのプロパティkeyとcodeで押されたキーのキーコードとキーの名前(小文字)を取得出来ますが、ちょっとクセがある。

<script type="text/javascript">
//<!&#91;CDATA&#91;
	window.addEvent('domready', function(){
	
	$("text").addEvent('keydown',function(event){
		var p = new Element("p");
		p.set("text","Code:&#91;"+event.code+"&#93; Key:&#91;"+event.key+"&#93;");
		$("test").adopt(p);
	});
	
	});
//&#93;&#93;>
</script>

Firebug使ってるならconsole.log()でもいい

<input type="text" id="text" size="40" />
<div id="test"></div>

ShiftやCtrlとの同時押しはif文を使う必要があります。
あとIEだとマイナスとかでテンキー使ったとき返るキーコードが変わる事がある。(firefoxとかだと同じ)

$("text").addEvent('keydown', function(event){
    //shift押されたらtrue
    alert(event.shift);
    //CtrlとSの同時押し
    if (event.key == 's' && event.control) alert('Document saved.'); 
});

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください