JS 팝업 상자는 외부를 클릭하여 트릭 코드를 숨깁니다.

이 글은 주로 JS 팝업 상자 클릭 외부 숨기기 기술의 코드를 공유합니다. 도움이 되기를 바랍니다.

$(document).click(function (e) {
    if (!$(e.target).hasClass('alert-container') && $(e.target).parents('.alert-container').length === 0
        && !$(e.target).hasClass('btn-eco-bell') && $(e.target).parents('.btn-eco-bell').length === 0) {
        that.$el.find('#bellp').hide();
}

이 이벤트를 바인딩하는 비결은 경고 컨테이너 클래스가 팝업 창 p이고 btn-eco-bell이 클릭 버튼이라는 것입니다. 버튼을 클릭하거나 팝업 창 내부를 클릭하면 팝업 창은 숨겨지지 않습니다. p

관련 권장 사항:

js 사용자 정의 팝업 상자 플러그인 캡슐화 예제 소개

팝업 구현을 위한 javascript 닫을 수 없는 상자 샘플 코드

jQuery DIV 기능을 숨기려면 아무 곳이나 클릭하세요

위 내용은 JS 팝업 상자는 외부를 클릭하여 트릭 코드를 숨깁니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!