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

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

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

예:

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

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

JS 코드

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

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

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

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

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

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

데모 코드

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

<제목>데모

체크아웃 >

즐겨찾기에 추가

타인이 결제

장바구니에 추가

내 홈페이지

<스크립트> //먼저 바인딩
$(".isLogin").on("클릭", 기능 (e) {

if(true){ //로그인 판단
Alert("로그인하지 않았습니다.")
e.stopImmediatePropagation()
}

거짓을 반환
})

$(".bill").on("클릭",function(){
Alert("관련 콘텐츠를 확인하세요!")
})

$(".a1").on("클릭",function(){
경고("a1")
})

$(".a2").on("클릭",function(){
경고("a2")
})

$(".a3").on("클릭",function(){
Alert("장바구니에 추가됨")
})

$(".a4").on("클릭",function(){
Alert("로그인 결정")
})


스크립트>