>웹 프론트엔드 >JS 튜토리얼 >js_jquery에서 return false(블록) 사용

js_jquery에서 return false(블록) 사용

WBOY
WBOY원래의
2016-05-16 17:25:451296검색

return false는 양식 제출을 방지합니다. 오늘 오랫동안 인터넷에서 많은 정보를 찾았습니다. 기본적으로 onsubmit=return false에 대해 참고할 사항은 다음과 같습니다.

1. return의 반환 값 문제는 함수 return에 반환 값이 있으면 다음 명령문이 실행되지 않고 함수가 호출된 곳으로 바로 점프한다는 것입니다. 다음 PHP 함수 코드에서 첫 번째 if 조건이 충족되면 함수 값은 Boolean false를 반환합니다. 함수 값을 반환하고 return 문을 만나면 함수에서 빠져나올 수 있습니다. 해당 코드 줄에서 실행되고 실행 제어는 즉시 프로그램을 호출한 코드로 돌아갑니다.

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

function chkinput(form)
{
if(form.title.value=="")
{
alert("기사 제목을 입력하세요!")
form.title.select()
return false ; //참고 return(false)로 쓸 수 없습니다. 2009.12.15
}

if(form.content.value=="")
{
alert("The 기사 텍스트는 비워둘 수 없습니다@!! >
2.form onsubmit 속성을 트리거하는 문제, onsubmit 이벤트는 언제 트리거됩니까? onsubmit 이벤트는 양식의 확인 버튼을 클릭할 때 발생합니다. 트리거되지 않는 이유는 일반적으로 다음과 같습니다.

A. onsubmit 속성의 트리거 시간은 input:submit과 같은 버튼으로 양식을 제출할 때이며, 그렇지 않으면 트리거되지 않습니다. 일반 input:button을 사용하는 경우 onclick 속성에 javascript 함수를 지정하고 onsubmit 속성 대신 이 함수에 있는 양식의 submit() 함수를 실행합니다.

B. 먼저 코드를 살펴보세요.



코드를 복사하세요


코드는 다음과 같습니다. 🎜>


제출 버튼을 클릭하면 양식이 제출되지 않습니다. (빨간색 글꼴)로 변경해야 할 곳이 하나 있기 때문에
html 객체 메소드 이름, 해당 값(문자열)은 메소드 본문이며 기본적으로 true를 반환합니다.

Java와 마찬가지로 메소드 본문에 원하는 만큼의 명령문을 작성할 수 있습니다. 내장 기능과 사용자 정의 기능을 포함합니다.

여기에서는 submitTest()가 false를 반환하지만 결과를 처리하지 않고 이 함수만 실행했습니다.

그리고 onsubmit="return submitTest()는 반환 값을 사용하여 예상한 효과를 얻습니다.

3. false를 반환하는 이벤트 처리 함수의 문제는 대부분의 경우 이벤트 핸들러입니다. 함수는 기본 이벤트 동작을 방지하기 위해 false를 반환합니다.

예를 들어 기본적으로
요소를 클릭하면 해당 요소의 href 속성에 지정된 페이지로 이동합니다.
Return False 종결자 Return True는 실행기와 동일합니다. js의 return false 기능은 일반적으로 기본 작업을 취소하는 데 사용됩니다. 예를 들어, 링크를 클릭하면
클릭 시간이 트리거됩니다. 페이지 이동을 실행하는 기본 이벤트가 트리거됩니다. 따라서
개체의 기본 동작을 취소하려면 false를 반환하면



코드 복사


코드는 다음과 같습니다.


1,
하이퍼링크
2,
3.
콘텐츠
/form> 반환값이 없으면
submitAction을 실행한 후 제출 버튼은 기본 이벤트를 계속 실행하고 양식이 다시 제출됩니다. 이는 많은 오류의 원인이 될 수 있습니다.
실제로 return false의 의미는 이벤트가 최상위 요소로 계속 전파되는 것을 방지하는 것이 아니라 브라우저가 기본적으로 이벤트를 처리하지 못하도록 방지하는 것입니다. 다음을 시도해 볼 수 있습니다.
먼저 모든 js 스크립트에 주석을 달고 IE 브라우저에서 이미지를 드래그해 보세요. 마우스가 금지된 작업 스타일이 되고 이미지 드래그가 금지되며 탐색이 기본입니다. mousemove 이벤트에 대해 컨트롤러가 제공하는 동작입니다.

false를 반환하는 것은 이 동작을 제거하는 것입니다. 그렇지 않으면 설명한 중단 이벤트가 발생하고 계속 실행됩니다.
또한 false를 반환하는 동일한 문은 다음과 같습니다.

window.event.returnValue = false,
return false를 이 문으로 대체하고 확인할 수 있습니다.
마지막으로 이 방법은 IE 브라우저에만 적용됩니다.

js의 return false 기능은 일반적으로 기본 작업을 취소하는 데 사용됩니다. 예를 들어, 링크를 클릭하면
onclick 시간(지정한 경우)을 트리거하는 것 외에도 페이지 이동을 실행하는 기본 이벤트도 트리거합니다. 따라서
객체의 기본 동작을 취소하려면 false를 반환하면 됩니다. false를 반환하는 경우가 많습니다.
코드 복사 코드는 다음과 같습니다.

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