mousedown은 어떤 이벤트인가요?
- (*-*)浩원래의
- 2019-06-22 11:21:5710172검색
mousedown
마우스 포인터가 요소 위로 이동하고 마우스 버튼(왼쪽 또는 오른쪽 버튼)을 누르면 mousedown 이벤트가 발생합니다.
click 이벤트와 달리 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!