javascript - 添加禁用属性，永久删除 jquery 中的点击事件？

Question

考虑下面的 jquery 代码，一旦单击 input1，input2 单击处理程序事件就会被删除。当单击 input3 并再次启用该元素时，单击处理程序会发生什么？我所做的一些测试表明它不再存在，如果它已被删除，在以下情况下如何重新启用它？

<input id="input1"> 
<input id="input2">
<input id="input3">

$("#input1").on('click', function() {
  $("#input2").prop('disabled', 'true');
  // do something
});
$("#input3").on('click', function() {
  $("#input2").prop('disabled', 'false');
});
$("#input2").on('click', function() {
  // do something
});

Answer 1

您对 prop 的使用情况是不正确的。它采用 disabled 属性的 bool 值。使用字符串 "true" 和 "false" 将始终计算为 true。

$("#input1").on('click', function() {
  $("#input2").prop('disabled', true);
  // do something
});
$("#input3").on('click', function() {
  $("#input2").prop('disabled', false);
});
$("#input2").on('click', function() {
  // do something
});

jsFiddle