jQuery를 사용하여 마우스 두 번 클릭 방지

1908 단어 jquery
소개하다.
사용자가 DOM 대상(예를 들어 단추와 링크 등)을 두 번 눌렀을 때 사용자의 상호작용은 줄곧 번거로운 문제이다.다행히도, jQuery는 상당히 좋은 해결 방법을 제공했다.그게 바로.one().
  .one () 이 방법은 무엇을 하는 것입니까?
이것은 원소 이벤트 처리 프로그램을 추가하고 원소마다 이벤트 프로세서 함수를 한 번만 실행할 수 있습니다.
매개 변수
  .one( events [, selector ] [, data ], handler(eventObject) )
  events
유형:String
  • 원소에 추가된 하나 이상의 사건을 규정한다.여러 이벤트를 공백으로 구분합니다.유효한 이벤트여야 합니다.'클릭'과'keydown.myPlugin'처럼.

  • 선택기 매개변수
    매개변수 유형:String
  • 선택기 문자열은 선택한 요소에서 이벤트를 촉발할 수 있는 하위 요소를 필터하는 데 사용됩니다
  • null을 전하거나 생략하면 이벤트가 선택한 요소에 도달할 때 터치됩니다
  • 데이터
    매개변수 유형:모든 유형
  • 이 매개 변수의 값은 이벤트 트리거에서 전달될 이벤트 처리 함수
  • 이벤트 처리 함수
    매개변수 유형:함수 유형
  • 이벤트가 터치될 때 호출해야 하는 함수
  • false도 허용한다. 간단한returnfalse이기 때문이다.함수의 약자 형식
  • 예를 들다.
    $("#saveBttn").one("click", function () {
        alert("This will be displayed only once.");
    });

    혹은
    $("body").one("click", "#saveBttn", function () {
        alert("This displays if #saveBttn is the first thing clicked in the body.");
    });

    이러한 코드의 핵심은 다음과 같습니다.
  • 코드 실행이 끝났을 때 id가saveBtn인 요소를 누르면 경고 상자
  • 가 팝업됩니다
  • 이후의 클릭은 아무런 반응이 없습니다
  • =>
  • 와 동일
    $("#saveBttn").on("click", function (event) {
        alert("This will be displayed only once.");
        $(this).off(event);
    });

    다시 말하면 이것은 귀속 이벤트 처리 함수에서 현식 호출off () 작용과 같다
    자세한 내용은
       jQuery .one() 
    총결산
    위에서 언급한 방법은 jQuery 1.7의 새로운 기능이기 때문에 원소 클릭 이벤트가 한 번만 터치하는 것이 아니라면 해결 방안이 될 수 있습니다.얼마나 신기한 방법인가, 궁금한 거 있으면 연락 주세요.
    영어 원문: How-to-Avoid-Double-Clicking-With-jQuery

    좋은 웹페이지 즐겨찾기