VBScript-이벤트

이벤트 란?

VBScript와 HTML의 상호 작용은 사용자 또는 브라우저가 페이지를 조작 할 때 발생하는 이벤트를 통해 처리됩니다. 페이지가로드되면 이벤트입니다. 사용자가 버튼을 클릭하면 그 클릭도 이벤트입니다. 이벤트의 다른 예로는 아무 키나 누르기, 창 닫기, 창 크기 조정 등이 있습니다. 개발자는 이러한 이벤트를 사용하여 VBScript 코딩 응답을 실행하여 버튼이 창을 닫고, 메시지가 사용자에게 표시되고, 데이터가 유효성을 검사하고, 발생할 수있는 다른 유형의 반응.

이벤트는 DOM (문서 개체 모델)의 일부이며 모든 HTML 요소에는 VBScript 코드를 트리거 할 수있는 특정 이벤트 집합이 있습니다. HTML 이벤트 참조를 더 잘 이해하려면이 작은 자습서를 살펴보십시오 . 여기서는 Event와 VBScript 간의 관계를 이해하기위한 몇 가지 예를 살펴 보겠습니다.

onclick 이벤트 유형

사용자가 마우스 왼쪽 버튼을 클릭 할 때 발생하는 가장 자주 사용되는 이벤트 유형입니다. 이 이벤트 유형에 대해 유효성 검사, 경고 등을 넣을 수 있습니다.

<html>
   <head>
      <script language = "vbscript" type = "text/vbscript">
         Function sayHello() 
            msgbox "Hello World"
         End Function
      </script>
   </head>
   
   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello"/>
   </body>
</html>

다음 결과가 생성되고 Hello 버튼을 클릭하면 sayHello () 함수를 트리거하는 onclick 이벤트가 발생합니다.

onsubmit 이벤트 유형

또 다른 가장 중요한 이벤트 유형은 onsubmit 입니다. 이 이벤트는 양식을 제출하려고 할 때 발생합니다. 따라서이 이벤트 유형에 대해 양식 유효성 검사를 할 수 있습니다. 제출 버튼을 클릭하여 양식을 제출하면 메시지 상자가 나타납니다.

제출 버튼을 클릭하여 양식을 제출하면 메시지 상자가 나타납니다.

<html>
   <head> </head>
   <body>
      <script language = "VBScript">       
         Function fnSubmit()
            Msgbox("Hello Tutorialspoint.Com")
         End Function       
      </script>
      
      <form action = "/cgi-bin/test.cgi" method = "post" name = "form1" onSubmit = "fnSubmit()">
         <input name = "txt1" type = "text"><br>
         <input name = "btnButton1" type = "submit" value="Submit">
      </form>
   </body>
</html>

onmouseover 및 onmouseout

이 두 가지 이벤트 유형은 이미지 또는 텍스트로도 멋진 효과를 만드는 데 도움이됩니다. onMouseover와 어떤 요소 위에 마우스를 가져오고 때 이벤트가 발생 onmouseout는 해당 요소에서 마우스를 꺼내 때 발생합니다.

<html>
   <head> </head>
   <body>
      <script language = "VBScript">       
         Function AlertMsg
            Msgbox("ALERT !")
         End Function
          
         Function onmourse_over()
            Msgbox("Onmouse Over")
         End Function

         Sub txt2_OnMouseOut()
            Msgbox("Onmouse Out !!!")
         End Sub
          
         Sub btnButton_OnMouseOut()
            Msgbox("onmouse out on Button !")
         End Sub
      </script>
      
      <form action = "page.cgi" method = "post" name = "form1">
         <input name = "txt1" type = "text" OnMouseOut = "AlertMsg()"><br>
         <input name = "txt2" type = "text" OnMouseOver = "onmourse_over()">
         <br><input name = "btnButton" type = "button" value = "Submit">
      </form>
   </body>
</html>

마우스를 텍스트 상자 위로 가져 가거나 포커스를 텍스트 상자와 버튼에서 멀리 이동할 때 결과가 생성됩니다.

HTML 4 표준 이벤트

참조를 위해 표준 HTML 4 이벤트가 여기에 나열되어 있습니다. 여기서 스크립트는 해당 이벤트에 대해 실행될 VBScript 함수를 나타냅니다.

행사 기술
onchange 스크립트 요소가 변경되면 스크립트가 실행됩니다.
제출시 스크립트 양식이 제출되면 스크립트가 실행됩니다.
onreset 스크립트 양식이 재설정되면 스크립트가 실행됩니다.
onblur 스크립트 요소가 포커스를 잃으면 스크립트가 실행됩니다.
onfocus 스크립트 요소가 포커스를 받으면 스크립트가 실행됩니다.
onkeydown 스크립트 키를 누르면 스크립트가 실행됩니다.
onkeypress 스크립트 키를 눌렀다 놓으면 스크립트가 실행됩니다.
onkeyup 스크립트 키를 놓으면 스크립트가 실행됩니다.
onclick 스크립트 마우스 클릭시 스크립트 실행
ondblclick 스크립트 마우스를 두 번 클릭하면 스크립트가 실행됩니다.
onmousedown 스크립트 마우스 버튼을 누르면 스크립트가 실행됩니다.
onmousemove 스크립트 마우스 포인터가 움직일 때 스크립트 실행
onmouseout 스크립트 마우스 포인터가 요소 밖으로 이동할 때 스크립트가 실행됩니다.
onmouseover 스크립트 마우스 포인터가 요소 위로 이동할 때 스크립트가 실행됩니다.
onmouseup 스크립트 마우스 버튼을 놓으면 스크립트가 실행됩니다.