jquery run functions

Question

I have a function in jquery:

$('#map').click(function(e) {
    var posX = $(this).offset().left, posY = $(this).offset().top;
    if (posY < 100) {
       // do this

When the user clicks within that element it will run. But I also want it to run if he presses a cursor key.

Is it possible to do something like:

$('#map').click OR key.press(function(e) {

Basically, can you set more than one event to run that function? Just learning jquery so go easy on me.

UPDATE

function move(e) {
   var posX = $(this).offset().left, posY = $(this).offset().top;

    if (posX > 75 && posX < 150 && posY < 75) { var go = "N"; }
    if (e.which == 38) { var go = "N"; }

    $.post("inc_map.php", { move: go }, function(data){ 
        var substr = data.split('@'); 
        if (substr[0] != "block") {
            var x1 = substr[0]; var y1 = substr[1];
            x = parseInt(x1) * 32; y = parseInt(y1) * 32;
            $("#mapview").css({ backgroundPosition: -x + "px " + -y + "px" });
                $("#map").html(substr[2]);
                $("#info").html(substr[3]);
                };
            $("#pos").html((x/32) + ', ' + (y/32)); 
        });  

};



$("#map").click(move).keypress(move);

Why doesnt this work? :o

possible duplicate of How to invoke same code using multiple events? — Felix Kling
– Felix Kling, Commented Apr 6, 2012 at 23:39
and Binding a single event handler to multiple events with jQuery and multiple others... please use the search before you ask a new question. — Felix Kling
– Felix Kling, Commented Apr 6, 2012 at 23:45

Elliot Bonneville · Accepted Answer · 2012-04-07 00:07:59Z

You'd define a function outside of the event handlers, then call it from each handler separately.

function myFunc(e) {
    var posX = $(this).offset().left, posY = $(this).offset().top;
    if (posY < 100) {

    }

    // if e.which equals 38, the up arrow was pressed
    if(e.which == 38) {
        // do nice stuff here
    }

    // the rest of your function here...
}

$("#map").click(myFunc).keypress(myFunc);

Edit: Threw in jQuery function chaining, too.

Aha, okay. I think I found your error. I've reformatted your code a bit and neatened it up some. Try this:

function move(e) {
    var posX = $(this).offset().left,
    var posY = $(this).offset().top;

    var go = "";

    if (posX > 75 && posX < 150 && posY < 75) {
        go = "N";
    }

    if (e.which == 38) {
        go = "N";
    }

    $.post("inc_map.php", {
        move: go
    }, function(data) {
        var substr = data.split('@');
        if (substr[0] != "block") {
            var x1 = substr[0];
            var y1 = substr[1];
            x = parseInt(x1) * 32;
            y = parseInt(y1) * 32;
            $("#mapview").css({
                backgroundPosition: -x + "px " + -y + "px"
            });
            $("#map").html(substr[2]);
            $("#info").html(substr[3]);
        };
        $("#pos").html((x / 32) + ', ' + (y / 32));
    });

};

Not quite correct. Just pass myFunc alone, without the (e).
how can I do it for say, the UP cursor is pressed? Can't make sense of the keypress doc :o
@user1022585: Edited to account. If you go here (api.jquery.com/keydown) then scroll down until you see an text box, you can type a key in that box to see what its number equivalent is. The up arrow is equivalent to 38.
@user1022585: This should get you started: jQuery Event Keypress: Which key was pressed?
thank you, i've tried all that, and worked it in, can't get it running but I've probably got some rookie error. Updated post to show my code.

Faris M · Accepted Answer · 2012-04-06 23:39:07Z

0

use jQuery.bind().

You can pass a space-separated list to .bind() for multiple events, eg

$("#map").bind("click keypress", myFunc);

answered Apr 6, 2012 at 23:39

Faris M

5404 silver badges10 bronze badges

Comments

Starx · Accepted Answer · 2012-04-07 00:10:37Z

0

Pass a common event handler between clicks and keypresses

For example:

function myFunc(e) {
   //For cursor
   switch(e.charCode) {
      case 37: 
         // Left
      break;
      case 37: 
         // Up
      break;
      case 37: 
         // Right
      break;
      case 37: 
         // Down
      break;
   }
}

$("#map").click(myfunc).keypress(myfunc);

edited Apr 7, 2012 at 0:10

answered Apr 6, 2012 at 23:48

Starx

79.3k50 gold badges187 silver badges266 bronze badges

2 Comments

Felix Kling Over a year ago

What's the difference to @Elliot's answer?

Starx Over a year ago

@ElliotBonneville, Very funny I almost LOLed ;)

Collectives™ on Stack Overflow

jquery run functions

UPDATE

3 Answers 3

6 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

UPDATE

3 Answers 3

6 Comments

Comments

2 Comments

Linked

Related