Search results : Close them when the user Click outside the form and hide them when the user Press "ESC" button

/* This is the shorcode of WooCommerce Product Search*/ <?php echo do_shortcode('[woocommerce_product_search title="woocommerce product search" widget_type="woocommerce product search" dynamic_focus="yes" placeholder="Search.." submit_button_label="ok" submit_button="yes"]'); ?> /* jQuery*/ jQuery(document).ready(function($) { $(document).mouseup(function (e) { var container = $(".product-search-results"); //.. The default class of search results if (!container.is(e.target) // if the target of the click isn't the container... && container.has(e.target).length === 0) // ... nor a descendant of the container { container.hide(); //.. hide the container } }); $(window).keyup(function(event) { if(event.which === 27) { $(".product-search-results").hide(); } }); });