우리는 객체 지향 개발 후 거의 모든 언어가 "한 번 밤에 한 번"객체를 기반으로 할 수 있으며 JavaScript도 객체 기반 언어라는 것을 알고 있습니다. 브라우저에서의 사용자의 동작을 "이벤트"라고하며 팝업, 브라우저 크기 변경, 검증 및 Balabala와 같은 일련의 작업이 모두 "이벤트 중심"이라고합니다. 물론 이번에는 주로 몇 가지 일반적인 이벤트를 소개 할 것입니다.
추신 : JS 스크립트 지원은 브라우저에 따라 다릅니다! ! ! 일부 하위 버전의 브라우저는 지원하지 않을 수 있습니다! ! !
1. 이벤트를 클릭하십시오 (Onclick)
클릭 이벤트 란 무엇입니까? 사용자가 마우스 버튼을 클릭하면 예, 클릭 이벤트가 생성됩니다. 동시에 OnClick에서 지정된 이벤트 핸들러가 호출됩니다. 일반적으로 버튼 (버튼 객체), 확인란 (확인란), 라디오 (라디오 버튼), 재설정 버튼 (재설정 버튼) 및 제출 버튼 (제출 버튼)에 일반적으로 적용됩니다.
큰 움직임 :
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js 기본 클릭 이벤트 </title> </head> <com> <form> <script language = "javaScript"> function () {alert ( "버튼을 클릭 한 것만 방금 클릭했습니다"); } </script> <입력 유형 = "버튼"value = "button"onclick = "aclick ()"/> </form> </body> </html>효과는 다음과 같습니다.
2. 이벤트 변경 (OnChange)
사용자가 양식의 값을 변경하면 OnChange 이벤트가 트리거됩니다.
코드는 다음과 같습니다.
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js 기본 변경 이벤트 </title> <script language = "javaScript"> function check () {alert ( "텍스트 상자의 값이 변경되었습니다"); } </script> </head> <body> <form> <입력 유형 = "text"value = "이것은 텍스트 상자입니다"name = "name"onchange = "check ()"/> </form> </body> </html>효과는 다음과 같습니다.
3. 이벤트 선택 (OnSelect)
페이지의 요소가 선택되면 OnSelect 이벤트가 트리거됩니다.
코드는 다음과 같습니다.
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js 기본 변경 이벤트 </title> <script language = "javaScript"> function check () {alert ( "텍스트 상자의 값이 변경되었습니다"); } </script> </head> <body> <form> <입력 유형 = "text"value = "이것은 텍스트 상자입니다"name = "name"onchange = "check ()"/> </form> </body> </html>효과는 다음과 같습니다.
4.로드 이벤트 (Onload)
로딩 이벤트는 웹 페이지가 열릴 때 트리거되는 이벤트입니다.
코드는 다음과 같습니다.
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js 기본 로딩 이벤트 </title> <script language = "javaScript"> function check () {alert ( "xiao d는 말을 타는 길에 있습니다 (∩__ ~"); } </script> </head> <body onload = "check ()"> </body> </html>효과는 다음과 같습니다.
5. 언로드 이벤트 전 (전후)
정확하게 말하면, "페이지 이벤트를 떠나기 전에"호출하는 것이 더 적절하며 현재 탭에서 닫기 버튼을 클릭하면이 이벤트를 트리거합니다.
코드는 다음과 같습니다.
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js 기본 사항 pre-unload event </title> <script language = "javaScript"> function check1 () {alert ( "정말로 나를 떠나고 싶습니까?"); } </script> </head> <body onbeforeunload = "check1 ()"> <h1> 이벤트 전 이벤트를 확인하는 데 사용되는 페이지 </h1> </body> </html>입니다.효과는 다음과 같습니다.
위의 기사는 JavaScript의 기본 클라이언트 이벤트 드라이버에 대해 간단히 이야기합니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.