如何识别JS代码中按下键的输入

Question

I use the following jQuery code to process keys which are pressed in various input tags:

$(document).ready( function () {
    $("input").keydown(function (e) {processKeys(e);});
    ...

It works great...

In a separate Javascript file I have a function which receives the event call:

function processKeys(e) {
    key=e.which;
    if (key==27) {
        $("#searchCDB").hide();
    }

}

So, is there a way for me to identify the <input> tag which caused the event at the event layer... What I mean is here, in some way like:

$("input").keydown(function (e) {processKeys($("#this"),e);});

I know my attempt is absurd, but any suggestion that works will be appreciated.

DK

Answer 1

You can pass in this to your processKeys function:

$(document).ready( function () {
    $("input").keydown(function (e) {
        processKeys(e, this);
    });
});

function processKeys(e, obj) {
    console.log(obj.id); //logs ID of keypressed input
    key=e.which;
    if (key==27) {
        $("#searchCDB").hide();
    }

}

Demo: http://jsfiddle.net/uE7ZD/