如何捕获复选框上的双击

how to capture doubleclick on a checkbox

本文关键字：双击 复选框 何捕获      更新时间：2023-09-26

我想在javascript中执行检测双击的操作。你也能告诉我吗？这是一个组合标签+复选框的复杂控件。

<td class=" odd" title="Double click to edit.">
<label class="cb_label_right">
<input id="check1_table#rowName#0" type="checkbox" data-ctrl="JSCtrl" disabled="">
<span>Row Name</span>
</label>
tablecell.ondblclick = function(){alert( "Double Clicked" );};

在上面的行中，如果我点击标签；检测到双击，但未选中复选框

<input type="checkbox" disabled="disabled" />
<span>Fat Lock11</span>
<div style="position:absolute; left:0; right:0; top:0; bottom:0;">
</div>

上面的代码适用于示例代码。我是Javascript的新手，如何将Javascript转换为单行

$( "#check1").dblclick(function() {
  alert( "Double Clicked" );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="check1" type="checkbox" data-ctrl="JSCtrl">

$('#check1').on('dblclick',function() {
  alert("Clicked");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="check1" type="checkbox" data-ctrl="JSCtrl">

尝试

$( "#check1").bind("dblclick",function() {
   console.log("event occur");
});
相关文章：