Jquery에서 일반적으로 사용되는 이벤트는 무엇입니까?

jquery에서 일반적으로 사용되는 이벤트는 다음과 같습니다. 1. 창 이벤트 2. 마우스 이벤트는 사용자가 문서에서 마우스를 이동하거나 클릭할 때 생성되는 이벤트로 마우스 클릭, 이동 이벤트, 이동 이벤트 등을 포함합니다. .; 3. 키보드 이벤트는 키 누르기 이벤트, 키 놓기 이벤트 등을 포함하여 사용자가 키보드의 키를 누르거나 놓을 때마다 생성되는 이벤트입니다. 요소가 포커스를 얻고 포커스를 잃을 때 트리거됩니다. 양식이 제출될 때 Blur() 이벤트가 트리거되고 양식이 제출될 때 submit() 이벤트가 트리거됩니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6 버전, Dell G3 컴퓨터.

1. jQuery 이벤트 분류

jQuery 이벤트는 JavaScript 이벤트를 요약한 것입니다. 일반적으로 사용되는 이벤트는 다음과 같이 분류됩니다.

1. 마우스 이벤트. 키보드 이벤트. 양식 이벤트.

2. 복합 이벤트는 여러 이벤트의 조합입니다.

마우스 커서를 올려보세요. 지속적인 마우스 클릭.

2. 마우스 이벤트

마우스 이벤트는 사용자가 문서에서 마우스를 움직이거나 클릭할 때 생성되는 이벤트입니다. 일반적으로 사용되는 마우스 이벤트는 다음과 같습니다.

3. 키보드 이벤트는 키를 누르면 생성됩니다. 일반적으로 사용되는 키보드 이벤트는 다음과 같습니다.

4. 양식 이벤트

요소가 포커스를 잃으면 focus() 이벤트가 트리거됩니다. Blur() 이벤트가 트리거됩니다.

양식이 제출되면 submit() 이벤트가 실행됩니다.

5. 종합예제

요구사항 설명:

1. 사용자 이름 입력 상자가 포커스를 받으면 입력 상자의 배경색이 연한 파란색이 되고, 포커스를 잃으면 원래 색상으로 돌아갑니다. 흰색 배경 색상입니다.

2. 로그인 버튼으로 마우스를 이동하면 글꼴이 굵어지고, 마우스를 밖으로 이동하면 전체적으로 원래대로 돌아옵니다.

• 3. 키보드의 "Enter" 키를 누르면 양식 제출 이벤트가 트리거됩니다.

• 코드:

            
  
 
 
用户登录
 
 用户名：  
 
 密码：  
 
 验证码：  换一张 
 
  注册|忘记密码？ 
 
 
  

로그인 후 복사

효과:

[추천 학습:

jQuery 비디오 튜토리얼,

웹 프론트엔드 비디오

]

위 내용은 Jquery에서 일반적으로 사용되는 이벤트는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!