jQuery 이벤트 dblclick의 정의 및 사용법에 대한 자세한 설명-JS 튜토리얼-php.cn

jQuery 이벤트 dblclick의 정의 및 사용법에 대한 자세한 설명

黄舟

풀어 주다： 2017-06-27 10:31:36

원래의

1682명이 탐색했습니다.

Overview

일치하는 각 요소에 대해 dblclick 이벤트를 트리거합니다.

이 함수는 브라우저의 기본 동작을 포함하여 dblclick 이벤트에 바인딩된 모든 함수를 호출하고 실행합니다. 바인딩된 함수에서 false를 반환하여 브라우저의 기본 동작이 트리거되는 것을 방지할 수 있습니다. dblclick 이벤트는 동일한 지점에서 요소를 두 번 클릭하면 트리거됩니다.

Parameters

fnFunctionV1.0

각 일치 요소의 dblclick 이벤트에 바인딩된 핸들러 함수입니다.

[data],fnString,FunctionV1.4.3

data:dblclick([Data], fn)은 함수 fn이 처리할 데이터를 전달할 수 있습니다.

fn: 일치하는 각 요소의 dblclick 이벤트에 바인딩된 핸들러 함수입니다.

Example

Description:

페이지 각 단락의 더블클릭 이벤트에 "Hello World!" 연결 Alert box

jQueryCode:

$("p").dblclick( function () { alert("Hello World!"); });

로그인 후 복사

Instance

숨기기 또는 표시 요소를 두 번 클릭하면:

$("button").dblclick(function(){
  $("p").slideToggle();
});

로그인 후 복사

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
</html>

로그인 후 복사

Definition and Usage
요소를 두 번 클릭하면 dblclick 이벤트가 발생합니다. 마우스 포인터가 요소 위에 있을 때 마우스 왼쪽 버튼을 눌렀다가 떼면 클릭이 발생합니다. 짧은 시간 내에 두 번의 클릭이 발생하면 더블클릭 이벤트입니다. dblclick() 메서드는 dblclick 이벤트를 트리거하거나 dblclick 이벤트가 발생할 때 실행할 함수를 지정합니다. 팁: dblclick 및 click 이벤트가 동일한 요소에 적용되면 문제가 발생할 수 있습니다.

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
  $("p").click(function(){
    $("button").dblclick();
  });
});
</script>
</head>
<body>
<button>请双击这里</button>
<p>点击本段落会触发上面这个按钮的 dblclick 事件。</p>
</body>
</html>

로그인 후 복사

위 내용은 jQuery 이벤트 dblclick의 정의 및 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!