> 웹 프론트엔드 > JS 튜토리얼 > 이벤트 추가를 방지하는 js의 특정 구현_javascript 기술

이벤트 추가를 방지하는 js의 특정 구현_javascript 기술

WBOY
풀어 주다: 2016-05-16 16:34:03
원래의
1281명이 탐색했습니다.

때때로 e.stopPropagation(); e.preventDefault();를 사용하여 이벤트 버블링과 기본 이벤트 실행을 방지할 수 있습니다. 하지만 이벤트가 추가되는 것을 막을 수는 없습니다.

어떤 상황에서 이벤트 추가를 막아야 하나요?

예:

'체크아웃'을 클릭하면 체크아웃 자체에 이벤트가 발생하는데, 체크아웃하기 전에 로그인 여부를 결정해야 합니다.

다음과 같이 작성할 수 있습니다.

JS 코드

코드 복사 코드는 다음과 같습니다.

if(isLogin){ //로그인 여부 결정
console.log("로그인하지 않았습니다.")
}그밖에{
//체크아웃 관련 코드
}

마이홈페이지를 클릭하시면 로그인 확인도 있습니다
로그인 판단 코드

if(isLogin){ //로그인 여부 결정
console.log("로그인하지 않았습니다.")
}그밖에{
//개인센터
}


판단할 로그인이 더 많은 경우. 위와 같은 코드가 더 많이 나올까요? 나중에 이벤트가 추가되는 것을 방지하는 stopImmediatePropagation() 메서드를 발견했습니다. 위의 문제는 더 이상 문제가 되지 않습니다.

중요: 로그인 판단 이벤트가 첫 번째 바인딩 이벤트인지 확인하세요.

데모 코드

코드 복사 코드는 다음과 같습니다.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿