JavaScript에서는 요소에 대한 이벤트를 지정할 수 있으며이를 지정하는 세 가지 방법이 있습니다.
1. HTML에서는 OnClick 속성을 사용하십시오
2. JavaScript에서는 OnClick 속성을 사용하십시오
3. javascipt에서는 addevenListener () 메소드를 사용하십시오
세 가지 방법의 비교
(1) 두 번째 및 세 번째 방법에서, 이벤트 객체를 함수로 전달할 수 있고 해당 속성을 읽을 수 있지만 방법 1을 사용할 수 없습니다.
(2) 두 번째 및 세 번째 유형이 선호됩니다. 첫 번째 유형은 이벤트에서 내용을 분리하는 데 도움이되지 않으며 이벤트 객체의 관련 내용을 사용하는 것도 불가능합니다.
일부 구문 세부 사항
(1) 첫 번째 방법에서는 OnClick 사례가 관련이 없지만 두 번째 방법에서는 소문자를 사용해야합니다. hmtl은 사례에 민감하지 않기 때문에 JS는 사례에 민감합니다.
(2) 두 번째 및 세 번째 방법에서는 함수 이름을 지정할 때 이중 인용문이 없지만 첫 번째 방법은 HTML 속성이며 이중 인용문이 필요합니다.
(3) 첫 번째 방법에는 괄호가 필요하지만 두 번째 및 세 번째 방법은 그렇지 않습니다.
onclick = "clickHandler ()"document.getElementById ( "jsonClick"). onclick = clickhandler2; document.getElementById ( "addeventListener"). addeventListener ( "click", clickhandler2);
전체 코드는 다음과 같습니다.
<! docType html> <html> <head> <meta charset = "utf-8"> id = "addeventListener"> addeventListener </button> <Script Defer> function clickHandler () {alert ( "onclick in HTML"); } function clickHandler2 (e) {alert (e.target.innerhtml); } document.getElementById ( "JSONCLICK"). ONCLICK = CLICKHANDLER2; document.getElementById ( "addeventListener"). addeventListener ( "click", clickhandler2); </script> </body> </html>JavaScript에서는 요소에 대한 이벤트를 지정할 수 있으며이를 지정하는 세 가지 방법이 있습니다.
1. HTML에서는 OnClick 속성을 사용하십시오
2. JavaScript에서는 OnClick 속성을 사용하십시오
(1) 함수 이름에는 이중 인용문이 없습니다.
3. javascipt에서는 addevenListener () 메소드를 사용하십시오
세 가지 방법의 비교
(1) 두 번째 및 세 번째 방법에서, 이벤트 객체를 함수로 전달할 수 있고 해당 속성을 읽을 수 있지만 방법 1을 사용할 수 없습니다.
일부 구문 세부 사항
(1) 첫 번째 방법에서는 OnClick 사례가 관련이 없지만 두 번째 방법에서는 소문자를 사용해야합니다. hmtl은 사례에 민감하지 않기 때문에 JS는 사례에 민감합니다.
(2) 두 번째 및 세 번째 방법에서는 함수 이름을 지정할 때 이중 인용문이 없지만 첫 번째 방법은 HTML 속성이며 이중 인용문이 필요합니다.
(3) 첫 번째 방법에는 괄호가 필요하지만 두 번째 및 세 번째 방법은 그렇지 않습니다.
onclick = "clickHandler ()"document.getElementById ( "jsonClick"). onclick = clickhandler2; document.getElementById ( "addeventListener"). addeventListener ( "click", clickhandler2);
전체 코드는 다음과 같습니다.
<! docType html> <html> <head> <meta charset = "utf-8"> <title> 심지어 Deom </title> </head> <body> <body> <button> <button> <버튼> <clickhandler () ""> htmlonclick </button> <jsonclick "> jsonclick </fulting" id = "addeventListener"> addeventListener </button </button </button> <cript defer> function clickHandler () {alert ( "onclick attribute in html");} 함수 clickHandler2 (e) {alert (e.target.innerhtml); ClickHandler2; Document.GetElementById ( "addeventListener"). addeventListener ( "Click", ClickHandler2); </script> </body> </html>