Jquery 마우스 조작 기능이란 무엇입니까?

마우스 조작 함수는 다음과 같습니다: 1. click(), 클릭 이벤트를 실행합니다. 2. dblclick(), 두 번 클릭 이벤트를 실행합니다. 3. hover(), 마우스 입력 및 제거 이벤트를 실행합니다. ), 누르기 이벤트 마우스 버튼 이벤트를 작동합니다. 5. mouseup() 6.ggle() 등.

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.

마우스 조작이 필요한 것은 DOM 이벤트에서 가장 일반적으로 사용되는 이벤트인 마우스 이벤트입니다. jQuery는 마우스 이벤트를 캡슐화하고 확장합니다.

마우스 이벤트 종류

마우스 이벤트에는 click, contextmenu, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave 등 10가지 종류가 있습니다

click         当用户按下并释放鼠标按键或其他方式“激活”元素时触发
contextmenu   可以取消的事件，当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单
dblclick      当用户双击鼠标时触发
mousedown     当用户按下鼠标按键时触发
mouseup       当用户释放鼠标按键时触发
mousemove     当用户移动鼠标时触发
mouseover     当鼠标进入元素时触发
mouseout      当鼠标离开元素时触发
mouseenter    类似mouseover，但不冒泡
mouseleave    类似mouseout，但不冒泡

jquery 마우스 조작 기능

10가지 이상의 마우스 이벤트 유형에는 해당 jquery 마우스 작동 기능이 있습니다.

click()

클릭 이벤트 추가/트리거 및 핸들러 기능 결합

contextmenu()

컨텍스트 메뉴 이벤트에 이벤트 핸들러 추가 및 핸들러 기능 결합

dblclick()

추가/트리거 이벤트를 두 번 클릭하고 핸들러 함수

hover()

를 바인딩하여 mouseenter 및 mouseleave 이벤트를 트리거합니다.

hover() 메서드는 마우스 포인터가 선택한 요소 위에 있을 때 실행될 두 가지 기능을 지정합니다.

두 개의 이벤트 함수를 일치하는 요소에 바인딩합니다. 이 함수는 마우스 포인터가 요소에 각각 들어오고 나갈 때 실행됩니다. 마우스 포인터가 요소에 들어오고 나갈 때 실행되도록 일치하는 요소에 단일 이벤트 함수를 바인딩합니다.

mousedown()

"mousedown" 이벤트를 추가/트리거하고 핸들러 함수를 바인딩합니다

mouseenter()

마우스 입력 이벤트를 추가/트리거하고 핸들러 함수를 바인딩

mouseleave()

마우스 나뭇잎 이벤트를 추가/트리거하고 핸들러 함수를 바인딩

mousemove()

"mousemove" 이벤트를 추가/트리거하고 핸들러 함수를 바인딩

mouseout()

" mouseout" 이벤트 및 핸들러 함수 바인딩

mouseover()

"mouseover" 이벤트 추가/트리거 및 핸들러 함수 바인딩(참고: 이벤트 버블링이 지원됨)

mouseup( )

추가/트리거 "mouseup" 이벤트, 핸들러 함수 바인딩

| 더 이상 사용되지 않음 > 버전 1.8에서 더 이상 사용되지 않는 API | 삭제된 함수

toggle()

Add/trigger" 토글" 이벤트, 바인드 핸들러 함수

대체 클릭을 수행하기 위해 일치하는 요소에 대한 두 개 이상의 핸들러.

【추천 학습: jQuery 동영상 튜토리얼, 웹 프론트엔드 개발】

위 내용은 Jquery 마우스 조작 기능이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!