>  기사  >  웹 프론트엔드  >  태그가 점프하지 않고 onclick 이벤트를 트리거합니다.

태그가 점프하지 않고 onclick 이벤트를 트리거합니다.

伊谢尔伦
伊谢尔伦원래의
2016-11-22 14:17:001391검색

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

1. 레이블은 클릭 시 동작만 실행해야 합니다.

2. 또는 태그와 유사한 기타 시각 효과.

예를 들어 삭제 작업을 수행할 때 오작동을 방지하려면 사용자가 삭제할지 여부를 확인할 수 있는 대화 상자를 팝업으로 표시해야 합니다. 따라서 우리는 onclick 이벤트를 트리거하기 위해 bb9345e55eb71822850ff156dfde57c8 대신 3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed

코드는 다음과 같습니다.

<script type="text/javascript">
function del(){
if(confirm("确定删除该记录?")){
parent.window.location="执行删除.jsp";
return true;
}
return false;
}
</script>
<a href=""  target="mainFrame" onclick="del()" >删除</a>

이 결과로 js 코드는 "Execute Delete.jsp" 페이지로 이동하고

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

1. a 태그가 없으면 CSS를 설정하거나 js를 사용하여 표현합니다(약간 복잡함). >

2. 태그, onclick 속성 또는 onclick 이벤트를 사용하여 false를 반환합니다(개인 취향).

예: 33edda5ab64dd6c63c807f7527a95aff삭제5db79b134e9f6b82c0b36e0489ee08ed

실행 순서에 대한 질문입니다. 3499910bf9dac5ae3c52d5ede7383485이 태그의 실행 순서는 onclick 스크립트를 먼저 실행한 후 페이지로 이동하는 것입니다. href 매개변수로 지정됩니다. onclick에서 false를 반환하면 3499910bf9dac5ae3c52d5ede7383485 태그의 작업 흐름을 중단할 수 있습니다. 즉, 페이지가 href 매개변수에 지정된 페이지로 이동하는 것을 방지할 수 있습니다.

3. href="javascript:void(0)"와 같은 의사 프로토콜을 사용합니다. (이런 종류의 의사 프로토콜은 자주 작성하지 않아야 합니다.)

즉, 64359dfe520474a170bea907e3db4df2삭제5db79b134e9f6b82c0b36e0489ee08ed

4. 4dab67afea9782b01e193fbbe90c1b3c여기에서 양식을 제출하세요63505a6f727f70c8bd4066f3066dcb9d

a 태그의 href="#" #은 앵커를 의미합니다. 현재 페이지라고도 할 수 있는 포인트

앵커 사용 방법은 다음과 같습니다.

<!-- 定义一个锚。 -->
<a name="anchor">锚点</a>
<!-- 本页面的一个连接,连接到锚: -->
<a href="#anchor">锚</a>
효과는 앵커를 클릭하면 앵커 단락으로 이동합니다.


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.