mousedown은 어떤 이벤트인가요?

(*-*)浩
풀어 주다: 2019-06-22 11:21:57
원래의
10144명이 탐색했습니다.

mousedown

마우스 포인터가 요소 위로 이동하고 마우스 버튼(왼쪽 또는 오른쪽 버튼)을 누르면 mousedown 이벤트가 발생합니다.

click 이벤트와 달리 mousedown 이벤트는 키를 누르기만 하면 되며 놓을 필요가 없습니다.

mousedown은 어떤 이벤트인가요?

mouseup (추천 학습: JavaScript 비디오 튜토리얼)

요소에서 마우스 버튼(왼쪽 또는 오른쪽 버튼)을 놓으면 mouseup 이벤트가 발생합니다.

click 이벤트와 달리 mouseup 이벤트에서는 버튼을 떼기만 하면 됩니다. 이 이벤트는 마우스 포인터가 요소 위에 있을 때 마우스 버튼을 놓으면 시작됩니다.

click

클릭 이벤트는 마우스 포인터를 요소 위에 놓은 후 마우스 왼쪽 버튼을 눌렀다가 떼면 발생합니다.

참고: 클릭 이벤트를 트리거하는 조건은 마우스 왼쪽 버튼을 눌렀다가 떼는 것입니다! , 마우스 오른쪽 버튼을 눌렀다가 놓으면 클릭 이벤트가 발생하지 않습니다.

세 가지 이벤트의 실행 순서

동일한 요소에서 마우스 왼쪽 버튼을 눌렀다 떼면 mousedown, mouseup, click이 순차적으로 실행되며, 이전 이벤트까지 다음 이벤트는 실행되지 않습니다. 가 실행됩니다

같은 요소에서 마우스 오른쪽 버튼을 눌렀다 떼면 mousedown과 mouseup이 순차적으로 발생하며, 이전 이벤트가 실행될 때까지 다음 이벤트는 실행되지 않으며, 클릭 이벤트는 발생하지 않습니다

예제 : 마우스 버튼을 눌렀을 때 요소 숨기기 또는 표시:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").mousedown(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换</button>
</body>
</html>
로그인 후 복사

더 많은 js 관련 기술 기사를 보려면 js 튜토리얼 칼럼을 방문하여 알아보세요!

위 내용은 mousedown은 어떤 이벤트인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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