Jumping_javascript 기술 없이 onclick 이벤트를 트리거하는 태그에 대한 다양한 솔루션

웹 페이지를 개발할 때 다음과 같은 상황이 자주 발생합니다.

1. 레이블은 클릭 시 동작만 실행해야 합니다.
2. 퍼포먼스에는 마우스 포인터 표시 또는 이와 유사한 시각적 효과가 있어야 합니다. 라벨의.
예를 들어 삭제 작업을 수행할 때 오작동을 방지하려면 사용자가 삭제할지 여부를 확인할 수 있는 대화 상자를 팝업해야 합니다. 따라서 우리는 onclick 이벤트를 트리거하기 위해 대신
코드는 다음과 같습니다.

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

" class="STYLE4" onclick="del( )" >Delete


이 결과로 js 코드는 "Execute Delete.jsp" 페이지로 이동합니다. 태그도 점프하여 빈 페이지를 엽니다. HTML 자체는 태그의 href 속성을 처리하기 때문에 먼저 정의된 메소드를 실행한 다음 자체 메소드(점프 메소드)를 실행합니다.

다음과 같은 네 가지 주요 해결 방법이 있습니다.

1. 태그를 사용하지 말고, CSS를 설정하거나 js를 사용하여 표현하세요. 2. 태그, onclick 속성 또는 onclick 이벤트에 false 반환을 사용합니다(개인 취향). 예: 삭제
실행 순서에 대한 질문입니다. 이 태그의 실행 순서는 onclick 스크립트를 먼저 실행한 후 href에 의해 지정된 페이지로 점프하는 것이어야 합니다. 매개변수. onclick에서 false를 반환하면 태그의 작업 흐름을 중단할 수 있습니다. 즉, 페이지가 href 매개변수에 지정된 페이지로 이동하는 것을 방지할 수 있습니다.
3. href="javascript:void(0)"와 같은 의사 프로토콜을 사용합니다. (이러한 종류의 의사 프로토콜은 덜 자주 작성해야 합니다.)
즉, 삭제
4. 삭제. (항상 현재 페이지의 맨 위로 이동합니다. 페이지에 내용이 많으면 여전히 점프하는 느낌이 듭니다)