如何在以下代码中使用双击而不是单击？

沙德拉克·鲁朗瓦

当用户双击而不是单击时，如何让以下代码起作用？

$(function () { 
       $(".SpanHoma").on("click", function () {
          $(this).find(".RitualsGroup").toggle(); // this will check which one is clicked currently
       }); 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class= "SpanHoma">
  <span>A</span>
  <div class= "RitualsGroup" style = "display:none;">
    <li>c</li>
    <li>d</li>
    <li>e</li>
   </div>
</div>

<div class= "SpanHoma">
  <span>B</span>
  <div class= "RitualsGroup" style = "display:none;">
    <li>f</li>
    <li>g</li>
    <li>h</li>
   </div>
</div>

请任何人都可以帮助我

马蒙

使用dblclick代替click：

dblclick双击指针设备按钮（例如鼠标的主按钮）时触发该事件；也就是说，当它在很短的时间内在单个元素上快速单击两次时。

$(function () { 
  $(".SpanHoma").on("dblclick", function () {
    $(this).find(".RitualsGroup").toggle(); // this will check which one is clicked currently
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class= "SpanHoma">
  <span>A</span>
  <div class= "RitualsGroup" style = "display:none;">
    <li>c</li>
    <li>d</li>
    <li>e</li>
   </div>
</div>

<div class= "SpanHoma">
  <span>B</span>
  <div class= "RitualsGroup" style = "display:none;">
    <li>f</li>
    <li>g</li>
    <li>h</li>
   </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。