jQuery: mousedown 이벤트 사용 및 정의-JS 튜토리얼-php.cn

jQuery: mousedown 이벤트 사용 및 정의

黄舟

풀어 주다： 2017-06-28 09:12:18

원래의

1545명이 탐색했습니다.

개요

각 일치 요소의 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>

로그인 후 복사