jQuery를 사용하여 마우스 두 번 클릭 방지
1908 단어 jquery
사용자가 DOM 대상(예를 들어 단추와 링크 등)을 두 번 눌렀을 때 사용자의 상호작용은 줄곧 번거로운 문제이다.다행히도, jQuery는 상당히 좋은 해결 방법을 제공했다.그게 바로.one().
.one () 이 방법은 무엇을 하는 것입니까?
이것은 원소 이벤트 처리 프로그램을 추가하고 원소마다 이벤트 프로세서 함수를 한 번만 실행할 수 있습니다.
매개 변수
.one( events [, selector ] [, data ], handler(eventObject) )
events
유형:String
선택기 매개변수
매개변수 유형:String
매개변수 유형:모든 유형
매개변수 유형:함수 유형
$("#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.");
});
이러한 코드의 핵심은 다음과 같습니다.
$("#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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.