Question

162

Hiding a div with esc key, and off click? In Jquery

rated 0 times [ 167] [ 5] / answers: 1 / hits: 40331 / 13 Years ago, fri, february 17, 2012, 12:00:00

if I have a div I've shown thanks to a click event - what are some easy was to make it close if someone clicks anywhere outside the div, or hits the esc key?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

reesel

Add To Favorites

Follow

Total Points: 345

Total Questions: 124

Total Answers: 119

Location: Trinidad and Tobago

Member since Thu, Dec 1, 2022

2 Years ago

answered 13 Years ago tomas · Accepted Answer

Here you go...

$( document ).on( 'click', function ( e ) {

    if ( $( e.target ).closest( elem ).length === 0 ) {

        $( elem ).hide();

    }

});



$( document ).on( 'keydown', function ( e ) {

    if ( e.keyCode === 27 ) { // ESC

        $( elem ).hide();

    }

});

Live demo: http://jsfiddle.net/S5ftb/