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

js_jquery에서 return false(블록) 사용

May 16, 2016 pm 05:25 PM
false return

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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

C 언어의 return 사용법에 대한 자세한 설명 C 언어의 return 사용법에 대한 자세한 설명 Oct 07, 2023 am 10:58 AM

C 언어에서 return의 사용법은 다음과 같습니다. 1. 반환 값 유형이 void인 함수의 경우 return 문을 사용하여 함수 실행을 조기에 종료할 수 있습니다. 2. 반환 값 유형이 void가 아닌 함수의 경우 return 문은 함수 실행을 종료하는 것입니다. 결과는 호출자에게 반환됩니다. 3. 함수 실행을 조기에 종료합니다. 함수 내부에서는 return 문을 사용하여 함수 실행을 조기에 종료할 수 있습니다. 함수가 값을 반환하지 않는 경우.

Java에서 return 및 finally 문의 실행 순서는 무엇입니까? Java에서 return 및 finally 문의 실행 순서는 무엇입니까? Apr 25, 2023 pm 07:55 PM

소스 코드: publicclassReturnFinallyDemo{publicstaticvoidmain(String[]args){System.out.println(case1());}publicstaticintcase1(){intx;try{x=1;returnx;}finally{x=3;}}}# 출력 위 코드의 출력은 간단히 결론을 내릴 수 있습니다. return은 finally 전에 실행됩니다. 바이트코드 수준에서 무슨 일이 일어나는지 살펴보겠습니다. 다음은 case1 메소드의 바이트코드 일부를 가로채서 소스 코드를 비교하여 각 명령어의 의미를 주석으로 표시합니다.

Vue3는 어떻게 설정 구문 설탕을 사용하여 반환 쓰기를 거부합니까? Vue3는 어떻게 설정 구문 설탕을 사용하여 반환 쓰기를 거부합니까? May 12, 2023 pm 06:34 PM

Vue3.2 설정 구문 설탕은 Vue3.0의 번거로운 설정을 해결하기 위해 단일 파일 구성 요소(SFC)에서 결합된 API를 사용하는 컴파일 타임 구문 설탕입니다. 사용 중 문제점 1. 사용 중에 import로 도입된 선언된 변수, 함수 및 컨텐츠를 반환할 필요가 없습니다. //소개된 컨텐츠 가져오기 import{getToday. }from'./utils'//변수 constmsg='안녕하세요!'//함수 func

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명 자바스크립트 함수 반환값과 반환문에 대한 자세한 설명 Aug 04, 2022 am 09:46 AM

JavaScript 함수는 외부 세계와 상호 작용하는 두 가지 인터페이스를 제공합니다. 매개 변수는 외부 정보를 수신하는 입구 역할을 하며, 반환 값은 작업 결과를 외부 세계에 피드백하는 출구 역할을 합니다. 다음 기사에서는 JavaScript 함수 반환 값을 이해하고 return 문의 사용법을 간략하게 분석하는 데 도움이 되기를 바랍니다.

JavaScript에서 return 키워드 사용 JavaScript에서 return 키워드 사용 Feb 18, 2024 pm 12:45 PM

JavaScript에서 return을 사용하려면 특정 코드 예제가 필요합니다. JavaScript에서 return 문은 함수에서 반환되는 값을 지정하는 데 사용됩니다. 함수 실행을 종료하는 데 사용할 수 있을 뿐만 아니라 함수가 호출된 위치에 값을 반환할 수도 있습니다. return 문에는 다음과 같은 일반적인 용도가 있습니다. 값 반환 return 문은 함수가 호출된 위치에 값을 반환하는 데 사용할 수 있습니다. 다음은 간단한 예입니다: functionadd(a,b){

Python에서 반환 값을 사용하는 방법 Python에서 반환 값을 사용하는 방법 Oct 07, 2023 am 11:10 AM

Python의 반환값 반환 사용법은 함수가 return 문을 실행하면 실행이 즉시 중지되고 함수가 호출된 위치에 지정된 값이 반환된다는 것입니다. 자세한 사용법: 1. 단일 값을 반환합니다. 2. 여러 값을 반환합니다. 3. null 값을 반환합니다. 4. 함수 실행을 조기에 종료합니다.

JavaScript에서 return 문을 사용하는 방법 JavaScript에서 return 문을 사용하는 방법 Feb 26, 2024 am 09:21 AM

JavaScript에서 return을 사용하려면 특정 코드 예제가 필요합니다. JavaScript에서 return은 일반적으로 함수에서 값을 반환하거나 함수 실행을 종료하는 데 사용됩니다. return 문은 함수 호출자에게 값을 반환하고 함수 실행을 종료하는 데 사용됩니다. return 문은 함수의 어느 곳에서나 사용할 수 있으며 숫자, 문자열, 부울을 포함한 모든 JavaScript 데이터 유형을 반환할 수 있습니다.

SpringBoot 인터셉터는 도메인 간 문제를 해결하는 방법을 보여주기 위해 false를 반환합니다. SpringBoot 인터셉터는 도메인 간 문제를 해결하는 방법을 보여주기 위해 false를 반환합니다. May 13, 2023 pm 05:10 PM

프로젝트는 최근 IP 필터링 인터셉터가 false를 반환하면 프런트 엔드가 MVC 구성 클래스를 수정하려고 시도한 후에도 작동하지 않는다는 것을 발견했습니다. 마지막으로 인터셉터 @OverridepublicbooleanpreHandle에 판단을 추가했습니다. (HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsIOException{//------------만약 이것을 추가하세요. (!(핸들러인스턴스

See all articles