implementing Onclick button for Escape Key using Javascript

Question

Javascript below is used to close div when an ESC Key is clicked.

<script>
    $(document).keyup(function(event) {
        if(event.which === 27) {
            alert('closed now');
            $('#content').hide();
        }
    });
</script>

<div id="content">My content to be closed is here</div>

Now what I want is to close the content from a button click which will then call Esc Key javascript function

<button id="close_content">Close</button>

Thanks

Possible duplicate of [Which keycode for escape key with jQuery](https://stackoverflow.com/questions/1160008/which-keycode-for-escape-key-with-jquery) — Francisco Flores, Aug 28 '17 at 10:49
A mouse is not a keyboard, a click is not a keyup, you have to see them as two seperate events. You can react to them in the same way, but you need two different event handlers. — KIKO Software, Aug 28 '17 at 10:51

Barmar · Answer 1 · 2017-08-28T11:16:31.327

0

Put the code in a named function, then call it from both event handlers.

$(document).ready(function () {
    function close_content() {
        alert('closed now');
        $("#content").hide();
    }

    $(document).keyup(function(event) {
        if (event.which == 27) {
            close_content();
        }
    }
    $("#close_content").click(close_content);
});

edited Aug 28 '17 at 11:16

answered Aug 28 '17 at 10:55

Barmar

741,623
53
500
612

@Bamar, the close button does not close the div content when clicked – bowman87 Aug 28 '17 at 11:14

score 0 · Accepted Answer · answered Aug 28 '17 at 11:31

0

Add this code in your script, when you click Close button the content "My content to be closed is here" will hide. $(document).ready(function () { $("#close_content").click(function() { $("#content").hide(); }); });

answered Aug 28 '17 at 11:31

Lavanya E

206
2
12

implementing Onclick button for Escape Key using Javascript

2 Answers2