>  기사  >  웹 프론트엔드  >  JQuery click()과 onclick()의 차이점은 무엇입니까?

JQuery click()과 onclick()의 차이점은 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2020-11-27 15:47:2410692검색

JQuery click()과 onclick()의 차이점: 1. onclick은 마우스를 클릭할 때 수행할 작업을 브라우저에 알려주는 바인딩 이벤트입니다. 2. 클릭 메서드의 주요 기능은 onclick 이벤트를 트리거하는 것입니다. click 메소드를 호출하는 요소입니다.

JQuery click()과 onclick()의 차이점은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

JQuery click()과 onclick()의 차이점:

1. onclick은 마우스를 클릭할 때 수행할 작업을 브라우저에 알려주는 바인딩 이벤트입니다.

2. 클릭 메소드 Element onclick 이벤트에 대한 호출을 트리거합니다.

3.click()을 클릭하면 해당 요소의 onclick() 함수가 먼저 실행된 후 click()이 실행됩니다.

JS 코드 test.js:

$("#testclick").click(function(){
     console.log("$(\"#testclick\").click"); 
 }); 
function test123(){ 
  console.log("function test()"); 
}
<!DOCTYPE html>
<html>
<head>
<title>TestJS.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
 
 </head>
 <body>
 This is my HTML page. <br>
 <h1>Test html</h3>
 <div>
     <input type="button" onclick="test123();" class="input1" id="testclick" value="test_button"/>
 </div>
   
 <!-- JS-->
 <script src="js/lib/jquery.js"></script>
 <script src="js/test.js"></script>
 <!-- <script src="js/test2.js"></script> -->
  </body>
 </html>

관련 학습 권장사항: javascript 비디오 튜토리얼

위 내용은 JQuery click()과 onclick()의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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