jQuery 이벤트 dblclick의 정의 및 사용법에 대한 자세한 설명
- 黄舟원래의
- 2017-06-27 10:31:361749검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!