javascript - 如何禁用切换，防止用户点击/单击它？

Question

我试过了

$(".toggle-handle").addClass("disabled")
$(".toggle").addClass("disabled")
$(".toggle-handle").off();
$(".toggle").off();

没有成功。我有一些表格，一旦保存就可以提供信息，我希望它们不能点击。

Answer 1

在这里，您可以使用另一种解决方案CSS property。

button {
  pointer-events: none;
}

<button>Click ME!!!</button>

如果要删除 disabled 属性，请将 CSS 属性设置为

pointer-events: auto;

希望这会帮助你。

Answer 2

禁用是元素的一个属性：

$(".toggle-handle").prop('disabled', true);

演示：

$(".toggle-handle").prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="toggle-handle">Button</button>

或者使用香草 JS：

document.querySelector('.toggle-handle').disabled = true;

演示：

document.querySelector('.toggle-handle').disabled = true;

<button class="toggle-handle">Button</button>