js 이벤트 처리 함수 에서 return 의 역할

JS 함수 에서 자주 만 납 니 다. return, return true, return false, 도대체 무슨 뜻 입 니까?onclick 과 어 울 리 면, onclick 과 return 이 어 울 리 면?
아래 상세 한 설명:
【 1 】 우선 onClick 에서 return 과 return 의 차 이 를 설명 합 니 다.
예 를 들 어 onClick = 'return addonclick () '과 onClick =' addonclick () 의 차이
JavaScript 는 이벤트 에서 함 수 를 호출 할 때 return 반환 값 으로 실제 window. event. returnvalue 를 설정 합 니 다.
이 값 은 현재 작업 을 계속 할 지 여 부 를 결정 합 니 다:
① true 로 돌아 갈 때 계속 작 동 합 니 다.② false 로 되 돌아 갈 때 동작 을 중단 합 니 다.③ retur 를 추가 하지 않 으 면 window. event. returnvalue 를 설정 하지 않 기 때문에 기본적으로 작업 을 계속 합 니 다.

상세 한 설명 은 다음 과 같다.

예 를 들 어 [1] 당 재 Open 에서 – 여기에 return 을 추가 했다.
① 함수 addonclick () 이 true 로 돌아 가면 페이지 가 abc. htm 를 엽 니 다.② 그렇지 않 으 면 페이지 가 abc. htm 로 넘 어가 지 않 고 add 만 실 행 됩 니 다.onclick () 함수 의 내용.
add_onclick 함수 에서 제어 페이지 가 abc. htm 로 이동 하 는 것 을 제외 합 니 다. 예 를 들 어:

function add_onclick(){
//    
window.open('abc.htm');
  
window.location.href='abc.htm';
return true;//or false;})

【 2 】 그리고 Open – 여 기 는 return 을 추가 하지 않 았 습 니 다 addonclick () 은 어떤 값 을 되 돌려 주 든 add 를 실행 합 니 다.onclick 후 페이지 열기 abc. htm
[3] onclick 이벤트 시οnclick = "return true / false", 예 는 다음 과 같 습 니 다. 함 수 를 정의 합 니 다. 페이지 에 불 러 오지 않 아 도 실행 할 수 있 습 니 다!

var check = function(){
            if(($("#username").val() != "" )&&($("#username").val()!= null)){
                alert("it's not null");
                return true;
            }else if(($("#username").val() == "" )||($("#username").val()== null)){
                alert("it's null");
                return false;
            }
        }

FORM 폼:

    
"postServlet5" method="post" οnsubmit="return check()">
            type="text" name="username" id="username"/>
            type="submit" value="submit"/>
        

check 함수 가 true 로 돌아 갈 때 폼 을 제출 합 니 다. 그렇지 않 으 면 제출 하지 않 습 니 다!하면, 만약, 만약...οnsubmit = "check ()", 그러면 무엇 을 되 돌려 주 든 양식 은 제출 합 니 다!
[2] 자 바스 크 립 트 의 return false 와 return true 에 대하 여
return 은 javascript 에서 함수 가 값 을 되 돌려 주 는 키워드 입 니 다. 한 함수 에서 처리 한 결 과 는 return 으로 되 돌아 갈 수 있 습 니 다. 이렇게 하면 함수 가 호출 된 곳 에서 변수 로 결 과 를 되 돌려 받 을 수 있 습 니 다.
return 키워드 의 모든 유형의 변수 데이터 나 표현 식 은 되 돌아 갈 수 있 고 심지어 아무것도 되 돌아 오지 않 아 도 됩 니 다. 예 를 들 어:

function NullReturn(IsNull){
    if(IsNull==true){
    return;
    }
}

이렇게 써 도 됩 니 다. 빈 (null) 으로 돌아 가 다음 함수 의 내용 을 실행 하지 않 겠 다 는 뜻 입 니 다.
그래서 가끔 return 의 역할 은 함수 의 계속 실행 을 중지 하 는 것 이지 만 태그 의 기본 동작 을 막 지 는 않 습 니 다!
예 를 들 어: - return 을 추가 하지 않 고 함수 가 순서대로 실 행 됩 니 다.

양식 이 제출 됩 니 다!

window.onload = function(){

            $("input[type='submit']").click(function(){

                if($("input[type='username']").val() == "" ||$("input[type='username']").val() == null ){
                    alert("username is empty");
                }
                if($("input[type='password']").val() == "" || $("input[type='password']").val() == null){
                    alert("password is empty");
                }
            });
        }

        
"postServlet5" method="post" >
            type="text" name="username" id="username"/>
            type="text" name="password" id="password"/>
            type="submit" value="submit"/>
        

다음은 return 의 경우 첫 번 째 판단 이 끝 났 습 니 다.

양식 이 제출 됩 니 다!

window.onload = function(){

            $("input[type='submit']").click(function(){

                if($("input[type='username']").val() == "" ||$("input[type='username']").val() == null ){
                    alert("username is empty");
                    return;
                }
                if($("input[type='password']").val() == "" || $("input[type='password']").val() == null){
                    alert("password is empty");
                    return;
                }
            });
        }

        
"postServlet5" method="post" >
            type="text" name="username" id="username"/>
            type="text" name="password" id="password"/>
            type="submit" value="submit"/>
        

실행 하면 return 을 추가 하 는 것 과 return 을 추가 하지 않 는 것 의 차 이 를 발견 할 수 있 습 니 다.
가장 간단 한 테스트 방법, 위의 두 가지 예 는 아무것도 입력 하지 않 고 직접 로그 인 합 니 다.
① return 을 추가 하지 않 는 현상 은 사용자 이름 이 입력 되 지 않 았 음 을 알려 주 고 비밀 번 호 를 입력 하지 않 았 음 을 알려 주 는 것 이다.
② return 을 추가 한 후 입력 하지 않 은 것 을 만 나 더 이상 검 측 하지 않 습 니 다.
③ return false 는 false 값 을 되 돌려 주 는 것 을 나타 낸다. 즉, 제출 이 성공 하지 못 하면 제출 하지 않 는 다 는 것 이다.
④ return true 표 법 은 true 값 을 되 돌려 줍 니 다. 즉, 제출 한 것 입 니 다. 입력 이 없 더 라 도 action 지정 페이지 에 제출 합 니 다.
위의 테스트 는 함수 에 대한 것 입 니 다. 그러면 a 태그 라면 return 또는 return null 은 기본 동작 을 취소 합 니까?
정 답: 아니 야!

$(function(){
        $(".delete").click(function(){
            var href = $(this).attr("href");
            $("form").attr("action", href).submit();           
            return null;
            //    false       ，      ，  .delete   a     

            //return  return null         
        });
    })

<a class="delete" href="emp/${emp.id}">Deletea>

테스트 증명: a 탭 을 클릭 하여 폼 제출 을 실행 한 후 페이지 가 이동 합 니 다!