javascript - Click or key press - Stack Overflow

admin管理员组

文章数量:1342908

I'm trying to trigger something to happen either when I press the escape key or when I click on an element. I've tried using..

if( $( '#some_id' ).click() || e.keyCode == 27 )
 {
    alert( 'Click or esc' );
 }

But that doesn't seem to be working, is there something else I can use? If I do each individually like..

$( '#some_id' ).click(...);

or..

if( e.keyCode == 27 )

it works without a problem, but I'd prefer to have it working together to avoid code duplication. Sorry if it's something stupid I missed but would really like to get this sorted.

Thanks :)

I'm trying to trigger something to happen either when I press the escape key or when I click on an element. I've tried using..

if( $( '#some_id' ).click() || e.keyCode == 27 )
 {
    alert( 'Click or esc' );
 }

But that doesn't seem to be working, is there something else I can use? If I do each individually like..

$( '#some_id' ).click(...);

or..

if( e.keyCode == 27 )

it works without a problem, but I'd prefer to have it working together to avoid code duplication. Sorry if it's something stupid I missed but would really like to get this sorted.

Thanks :)

• javascript
• jquery

Share Improve this question Follow edited Jul 17, 2011 at 2:56 Ibu 43.9k1414 gold badges8282 silver badges109109 bronze badges asked Jul 17, 2011 at 2:52 Johnathan BarrettJohnathan Barrett 55622 gold badges77 silver badges2626 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 13

Use .bind() .on() (as of jQuery 1.7) passing in multiple events:

$("#some_id").on("click keyup", function (e) {
    if (e.type == "click" || e.keyCode == 27) {
        alert("click or esc");
    }
});

You mentioned code duplication. Why not do them separately, but put the code you want to execute for both of them into a function:

$('#some_id').click(function () {
    doStuff();
});

$('#some_id').keypress(function (e) {
    if (e.keyCode == 27) doStuff();
});

function doStuff() {
    alert('Click or esc');
}

本文标签： javascriptClick or key pressStack Overflow