html input에서 포커스를 받을때 팝업창을 띄우고 다시 포커스를 얻을때까지 팝업창이 뜨지 않게 하는 코드

포커스를 얻으려는 input창

입력창에서 발주처를 받아서 반드시 코드를 넣어줘서 저장해야 하는 프로그램을 작성하는 과정입니다.

발주처의 코드를 반드시 입력해야 하니, 검색하는 것까지 좀더 편리하게 포커스를 넣는 순간 창을 띄웁니다.

이렇게 하면 편리하게 더욱 세련되게 만들 수 있습니다.

var isWindowOpen = false;
var popupWindow = null;

function phonebookBtn(searchfield)
{     
if (!isWindowOpen) {
var search = $("#" + searchfield).val();
href = '../phonebook/list.php?search=' + search ;
popupWindow =  popupCenter(href, '전화번호 검색', 1600, 800);
isWindowOpen = true;
                
// Monitor window close event
var checkWindowClosed = setInterval(function() {
if (popupWindow.closed) {
isWindowOpen = false;
clearInterval(checkWindowClosed);
}
}, 100);
} else {
popupWindow.focus();
}
}

function closePopup() {
if (popupWindow && !popupWindow.closed) {
popupWindow.close();
isWindowOpen = false;
}
}

 

이렇게 활용하세요~