Question

我的html中有一个div标签。我想在双击它后将其禁用。

<div id="mydiv">
</div>


    $('#mydiv').on('click', function (event) {

        var count = parseInt($('#counter').html(), 10)
        count += 1
        $('#counter').html(count)
        $('#counter').attr("disabled", disabled)

    })

Answer 1

您可以通过addClass或removeClass来处理on_click函数中的元素。

类似这样的东西：

  $('#mydiv').on('click', function (event) {

        if ($(this).hasClass('active')){
           $(this).removeClass('active') ;
        }
        else {
           $(this).addClass('active') ;
           return ;
        }

        var count = parseInt($('#counter').html(), 10)
        count += 1
        $('#counter').html(count)
        $('#counter').attr("disabled", disabled)

   })

Answer 2

您可以按以下方式使用dblclick事件-它与click事件完全一样，但是不再需要计数器

HTML

<div id="myDiv" style="background:red">Has not been double clicked</div>

JS（JQUERY）

$('#myDiv').on("dblclick",function(){
  this.innerHTML = "Was double clicked";
});

实时示例-https://playcode.io/374412?tabs=script.js,preview

Answer 3

jQuery提供dblclick和取消绑定功能。用户双击dblclick时将触发mydiv功能。您可以将代码编写为警报。另外，如果您想在使用或单击dblclick事件后将其删除

$( "#mydiv" ).dblclick(function() {
alert("sample");
//your code will go here
  $(this).unbind();
});

Answer 4

.as-console-wrapper { max-height: 100% !important; top: 0; }

双击后如何禁用div

4 个答案: