使用 jQuery 禁用单击 DIV 内的所有元素 2.1.3

Question

如何禁止点击 DIV 内的所有元素？

<div id=largerdiv>

<button id=haha>haha1</button>

<textarea > </textarea>

</div>

我想禁止点击上面 div 中的两个元素

Answer 1

只需在两个元素上设置禁用属性：

<textarea disabled></textarea>
<button disabled></button>

Answer 2

禁用所有输入..

$("#discobal :input").prop("disabled", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="discobal">
  <textarea>abc</textarea>
  <button>abc</button>
</form>

有 div：

$("#discobal :input").prop("disabled", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="discobal">
  <textarea>abc</textarea>
  <button>abc</button>
</div>

使用答题器：

$("#repensteeltje").click(function() {
  $("#discobal :input").prop("disabled", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="discobal">
  <textarea>abc</textarea>
  <button>abc</button>
</div>
<button id="repensteeltje">Disable all</button>

使用 jQuery 禁用单击 DIV 内的所有元素 2.1.3

Disabling click on all elements inside DIV using jQuery 2.1.3

jquery

jquery-mobile