복붙노트

[JQUERY] 마우스 클릭을 완전히 비활성화하는 방법

JQUERY

마우스 클릭을 완전히 비활성화하는 방법

해결법


  1. 1.모든 클릭을 받아들이는 큰 반투명
    을 오버레이 할 수 있습니다. 이 스타일로 에 새로운
    를 추가하십시오.

    모든 클릭을 받아들이는 큰 반투명

    을 오버레이 할 수 있습니다. 이 스타일로 에 새로운
    를 추가하십시오.

    .overlay {
        background-color: rgba(1, 1, 1, 0.7);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }
    

  2. 2.본문에 또는 특정 DIV에 간단한 CSS3 규칙을 추가 할 수 있습니다. 포인터 - 이벤트를 사용하십시오. 없음; 특성.

    본문에 또는 특정 DIV에 간단한 CSS3 규칙을 추가 할 수 있습니다. 포인터 - 이벤트를 사용하십시오. 없음; 특성.


  3. 3.모든 마우스 클릭을 비활성화하려면

    모든 마우스 클릭을 비활성화하려면

    var event = $(document).click(function(e) {
        e.stopPropagation();
        e.preventDefault();
        e.stopImmediatePropagation();
        return false;
    });
    
    // disable right click
    $(document).bind('contextmenu', function(e) {
        e.stopPropagation();
        e.preventDefault();
        e.stopImmediatePropagation();
        return false;
    });
    

    다시 활성화하려면 :

    $(document).unbind('click');
    $(document).unbind('contextmenu');
    

  4. 4.뭔가 :

    뭔가 :

        $('#doc').click(function(e){
           e.preventDefault()
           e.stopImmediatePropagation() //charles ma is right about that, but stopPropagation isn't also needed
    });
    

    그 일을해야한다 더 많은 마우스 이벤트를 바인딩 할 수도 있습니다. 편집하다: 요금을 부여하는 부분에 추가하십시오

        $('#doc').bind('click mousedown dblclick',function(e){
           e.preventDefault()
           e.stopImmediatePropagation()
    });
    

    그리고 이것을 해제하는 것 :

      $('#doc').unbind();
    

  5. 5.UI를 동결하는 가장 쉬운 방법은 Ajax 호출을 동기화하는 것입니다.

    UI를 동결하는 가장 쉬운 방법은 Ajax 호출을 동기화하는 것입니다.

    일반적으로 동기식 AJAX 호출은 UI를 정지시키기 때문에 AJAX를 사용하는 목적을 물리므로 사용자가 UI와 상호 작용하지 못하게하려면 해결하십시오.

  6. from https://stackoverflow.com/questions/8595909/how-to-completely-disable-any-mouse-click by cc-by-sa and MIT license