arrow keys and events

**c-chan** · 07-19-2011, 02:44 PM

Code:

$(document).keydown(function(event) {
                switch (event.keyCode) {
                    case 37: alert('left'); break;
                    case 38: alert('up'); break;
                    case 39: alert('right'); break;
                    case 40: alert('down'); break;
                }
            });

kinuha na nako nga code gikan sa net. ako lang gi testingan if makuha bajud niya ang event. sakto man ang code, pero nganu dili man mugana? TT^TT unsai dapat nako usbon ani? sa IE 9 ug chrome ni nako gi testing.

code diay ni siya para mu detect kung na press ba ang arrow keys.

Code:

<script type="text/javascript">
<!--
function getArrows(ev) {

  arrows=((ev.which)||(ev.keyCode));

switch(arrows) {

 case 37:
   alert('left arrow');
   break;

 case 38:
   alert('up arrow');
   break;

 case 39:
   alert('right arrow');
   break;

 case 40:
   alert('down arrow');
   break;

  }
 }
//-->
</script>

kani siya javascript, mugana sa chrome pero sa IE dili japun T^T sa mai problema aning IE

**nullpointer** · 07-19-2011, 03:47 PM

Do you mean when you press arrow keys it won't trigger alert command?

**nullpointer** · 07-19-2011, 03:53 PM

If u don't want to have lots of headaces use jQuery. The code you copied from the internet is using jQuery.

I suggest

Code:

<script type="text/javascript">
<!--
function getArrows() {
     $(document).keydown(function(event) {
                switch (event.keyCode) {
                    case 37: alert('left'); break;
                    case 38: alert('up'); break;
                    case 39: alert('right'); break;
                    case 40: alert('down'); break;
               }
     });
}
//-->
</script>

**c-chan** · 07-19-2011, 03:54 PM

uu. sa kanang jquery ai. dili mu gawas ang alert. sa chrome or sa IE. diba automatic man ta na ang sa jquery?

kanang sa javascript. mu gawas ang alert pero kung chrome nga browser ra, dili mugawas kung IE. nya sa javascript ako gi butanagn ang <body> ug onkeyDown, para mu trigger.

**nullpointer** · 07-19-2011, 03:58 PM

You need to download jQuery for jquery.com to use it in your script. Its not automatic.

Example

Code:

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).keydown(function(event) {
      switch (event.keyCode) {
          case 37: alert('left'); break;
          case 38: alert('up'); break;
          case 39: alert('right'); break;
          case 40: alert('down'); break;
      }
});
</script>

**c-chan** · 07-19-2011, 04:04 PM

ahahahaha......salamat kayuu....pagka! abi nako naka attach na =)) thank you

ni gana na siya.

Thread: arrow keys and events

Thread Tools

Search Thread