지역 사회 배우다 도구 라이브러리 여가
찾다
한국어

jQuery 바로가기 이벤트

이벤트 처리 함수를 사용하여 객체 이벤트에 대한 거의 모든 작업을 완료할 수 있지만 jQuery는 공통 이벤트의 캡슐화를 제공합니다. 예를 들어 클릭 이벤트에 해당하는 두 가지 메서드인 click() 및 click(fn)이 각각 클릭 이벤트를 트리거하는 데 사용됩니다. 그리고 클릭 이벤트를 설정합니다.

클릭 이벤트 설정: 

$("#testDiv").click(function(event) { alert("test div clicked ! "); });

다음과 동일: 

$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });

클릭 이벤트 트리거: 

$("#testDiv").click();

$("#testDiv").trigger("click");

와 동일합니다. 트리거입니다. TriggerHandler대신

이런 메소드를 영어로는 jQuery에서 Event Helpers라고 하는데 좋은 번역 메소드를 찾을 수 없어서 함수에 따라 "단축 메소드"라고 부르는데요!

아래는 jQuery 단축 메소드 목록입니다.

모두 해당 이벤트이므로 더 이상 설명과 예제를 작성하지 않겠습니다.

click( )클릭(fn)dblclick( )dblclick( fn )error( ) error( fn )focus( )포커스(fn)keydown( )keydown( fn ) ㅋㅋㅋ mouseleave(fn)mousemove(fn) mouseout( fn )mouseover( fn )  제출( )  제출(fn) 언로드(fn) 지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>click事件</title> <style type="text/css"> div{ width:200px; height:200px; border:5px solid green; } </style> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text("这是后来添加的内容"); }) $("p").dblclick(function(){ $("button").click(); }) }) </script> </head> <body> <div></div> <p>双击我触发click事件</p> <button>点击触发事件</button> </body> </html>
제출하다코드 재설정
이전 섹션 다음 섹션
튜토리얼 목록
도움을 받다
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~

이 강좌를 시청한 학생들도 학습하고 있습니다.

최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)  492496회 재생
이름설명예
blur( )
흐림(fn)
change( )
change( fn )
  
keypress( )  
keypress( fn )   
keyup( ) 
mousedown(fn)  
mouseenter(fn) 
  
  
  
  mouseup( fn ) 
크기 조정(fn)  
스크롤(fn)  
select( )