>  기사  >  웹 프론트엔드  >  jquery 이벤트 dblclick과 클릭 간의 충돌에 대한 솔루션을 공유합니다.

jquery 이벤트 dblclick과 클릭 간의 충돌에 대한 솔루션을 공유합니다.

黄舟
黄舟원래의
2017-06-27 10:42:001967검색

jquery에서는 click과 dblclick이 모두 원클릭event인데, dblclick 이벤트에서는 click 이벤트가 반복적으로 클릭되기 때문에 동시에 하면 충돌이 발생하는지 살펴보겠습니다. 아래 분석.

더블 클릭 이벤트(dblclick)에서는 발생한 두 개의 클릭 이벤트(클릭) 중 첫 번째 클릭 이벤트(클릭)는 차단되지만 두 번째 클릭 이벤트는 차단되지 않습니다.

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换</button>
</body>

즉, 더블 클릭 이벤트(dblclick)는 클릭 이벤트(click) 결과와 더블 클릭 이벤트(dblclick) 결과를 반환합니다. 두 번 클릭 이벤트(dblclick)의 결과와 두 번의 클릭 이벤트(click)의 결과 대신.

dblclick() 요소를 더블클릭하면 dblclick 이벤트가 발생합니다. 마우스 포인터가 요소 위에 있을 때 마우스 왼쪽 버튼을 눌렀다가 떼면 클릭이 발생합니다. 짧은 시간 내에 두 번의 클릭이 발생하면 더블클릭 이벤트입니다.

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

이 경우에는 추가 클릭 이벤트(클릭)만 없애주시면 문제가 해결됩니다.

아아아아

위 내용은 jquery 이벤트 dblclick과 클릭 간의 충돌에 대한 솔루션을 공유합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.