> 웹 프론트엔드 > JS 튜토리얼 > JQuery click()과 onclick()의 차이점은 무엇입니까?

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

coldplay.xixi
풀어 주다: 2020-12-22 16:56:11
원래의
10799명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿