jQuery: mousedown 이벤트 사용 및 정의
- 黄舟원래의
- 2017-06-28 09:12:181595검색
개요
각 일치 요소의 mousedownevent에 핸들러 함수를 바인딩합니다.
mousedown 이벤트는 마우스가 요소를 클릭한 후에 실행됩니다.
매개변수
fnFunctionV1.0
각 일치 요소의 mousedown 이벤트에 바인딩된 핸들러 함수.
[data],fnString,FunctionV1.4.3
data:mousedown([Data], fn)은 함수 fn이 처리할 데이터를 전달할 수 있습니다.
fn: 일치하는 각 요소의 mousedown 이벤트에 바인딩된 핸들러 함수입니다.
Example
설명:
마우스 버튼을 누를 때 요소 숨기기 또는 표시:
jQuery 코드:
$("button").mousedown(function(){ $("p").slideToggle(); });예 1
마우스 버튼을 누를 때 요소 숨기기 또는 표시 :
<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>
예제 2
버튼의 마우스다운 이벤트를 활성화하려면 이 단락에서 마우스를 이동하세요
<span style="font-weight: normal;"><span style="font-weight: normal;"><html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").mousedown(function(){
$("p").slideToggle();
});
$("#mousePara").mouseover(function(){
$("button").mousedown();
});
});
</script>
</head>
<body>
<p>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</p>
<button>切换</button>
<p id="mousePara">如果您把鼠标移动本段落上，会激活上面这个按钮的 mousedown 事件。</p>
</body>
</html></span><span style="font-weight: 400;">
</span></span>
정의 및 사용법
마우스를 사용할 때 mousedown 이벤트는 포인터를 요소 위로 이동하고 마우스 버튼을 누를 때 발생합니다.
click 이벤트와 달리 mousedown 이벤트는 키를 누르기만 하면 되며 놓을 필요가 없습니다.
mousedown() 메서드는 mousedown 이벤트를 트리거하거나 mousedown 이벤트가 발생할 때 실행할 function을 지정합니다.
Syntax
$(selector).mousedown(function)
| Parameters | Description |
|---|---|
| function | 선택 사항입니다. mousedown 이벤트가 발생할 때 실행할 함수를 지정합니다. |
위 내용은 jQuery: mousedown 이벤트 사용 및 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.