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 중국어 웹사이트의 기타 관련 기사를 참조하세요!