【JS】연속 적 인 감청 사건 에서 현재 상태 변화 여부 감청
방법 설명 이 간단명료 하고 알 기 쉬 우 므 로 저 는 jQuery 의
scroll
사건 을 선택 하여 설명 하 겠 습 니 다.var wh = $(window).height();
$(document).on('scroll',function() {
var sh = $(document).scrollTop();
if(sh
예시 코드 에서 보 듯 이
scroll
사건 을 감청 할 때마다 switchBlur
함 수 를 실행한다.이 때 보다 상태 가 모호 하지 않 아 sh ture
,switchBlur(0)
은 전혀 집행 할 필요 가 없다.
다음 코드 개선:var blur_px;
var s1 = 0;
var s2 = 0;
var wh = $(window).height();
$(document).on('scroll',function() {
var sh = $(document).scrollTop();
if(sh
나 는 s1
과 s2
을 사용 하여 두 시간의 상 태 를 기록 했다.s1
은 이번 scroll
사건 이전의 상태(0 또는 1)를 나타 내 고 s2
은 현재 의 상 태 를 자 연 스 럽 게 나타 내 며 사건 이 실 행 될 때마다 상태 가 바 뀌 든 안 바 뀌 든 원래 s2
의 값 을 s1
에 부여 하고 s2
은 최신 상태 로 업데이트 한다.switchBlur
함 수 는 s1
이 s2
과 같 지 않 을 때 만 실행 되 는 것 을 발견 할 수 있 습 니 다.그러면 언제 s1
은 s2
과 같 지 않 습 니까?정 답 은 상태 가 바 뀌 었 을 때 s2
은 이미 최신 상태 이다.이때 s1
은 여전히 지난번 사건 이 실 행 될 때의 상 태 를 유지 하고 있 으 니 당연히 같 지 않다.
총괄:이 방법 은
의 상황 에 시용 되 었 다.여 기 는 하나의 예 일 뿐 성능 을 최적화 해 야 할 많은 곳 까지 연장 할 수 있다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.