допустим есть контекстное меню (через жопу, на сколько успел накидать)
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
div {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
</head>
<body>
<input type="text" onblur="b(event)" onfocus="f(event)">
<div style="display: none;"></div>
<script>
var div = document.querySelector('div');
function f(e) {
div.style.display = 'block';
}
function b(e) {
console.log(b);
}
window.onclick = function (e) {
if (e.target === document.body) {
div.style.display = 'none';
}
}
</script>
</body>
</html>
нужно сворачивать, если потерялся фокус у инпута или нажали не на дивку с инпутом