Warm tip: This article is reproduced from serverfault.com, please click

javascript-HTML JS

(javascript - HTML JS)

发布于 2020-11-27 18:15:08

,你好Gentlemann

我如何通过css类禁用点击行为onclick?

我无法在HTML元素中使用ID,因为我无法在代码中插入任何ID,因此我需要使用Class才能使魔术发生。

在我所有的尝试中,没有一个仍然有效。

如果单击,则需要禁用的元素和CSS类:

<label class="inner all disabled reserved my_numbers">
 <span class="p5_effect_tooltip_b top">
     <span class="numero">999999<br><small>pending<br>payment</small></span>
     <span class="p5_custom_tooltip_b">Pre-Reserved: Jim</span>
 </span>
</label>

班级: label.inner.all.disabled.reserved.my_numbers

1°首先尝试:

jQuery(document).ready(function() {
    $("#inner.all.disabled.reserved").click(function() {
        return false;
    });
});

2°第二次尝试:

$(document).ready(function() {
    $(".label.inner.all.disabled.reserved").click(function() {
        $("label").off("click");
    });
});

3°第三次尝试:

$(document).ready(function() {
    $("#inner.all.disabled.reserved").click(function() {
        return false;
    });
});

4°尝试:

$('#inner.all.disabled.reserved.my_numbers').disabled = true
Questioner
Paulo do Porto
Viewed
1
Twisty 2020-11-28 12:15:26

我发现最好使用该事件。你可以.preventDefault()用来停止事件操作。

例子:

$(function() {
  function preventClick(e) {
    e.preventDefault();
    console.log(e.target.nodeName + " Click Prevented");
    return false;
  }
  $("label.inner.all.disabled.reserved").click(preventClick).children().click(preventClick);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="inner all disabled reserved my_numbers">
 <span class="p5_effect_tooltip_b top">
     <span class="numero">999999<br><small>pending<br>payment</small></span>
     <span class="p5_custom_tooltip_b">Pre-Reserved: Jim</span>
 </span>
</label>