如何在jquery 中启用和禁用文本框

我已经编写了一个html和脚本的示例代码，如下所示：当我执行此代码时，我将获得该警报，但是当我通过按Tab键更改cca时，其他警报则显示警报。 如何使用该文本框并启用和禁用它的其他文本字段。

HTML：

  cca     

JS：

 jQuery(document).ready(function () { alert("hello"); jQuery("#cca label.control input").on('change', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); }); 

Answer 1

我不确定你要做什么，但我可以帮助让警报正常工作。 你基本上没有正确使用jQuery“on”函数。

$('#thisNeedsToBeContainer').on('focusout', '#elemToBindEventTo', function (event)....

以下其中一项将满足您的需求：

这将在文本框离开时触发

 $(document).ready(function () { alert("hello"); $("#cca").on('focusout', 'label.control input', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); }); 

这将是change

 $(document).ready(function () { alert("hello"); $("#cca").on('change', 'label.control input', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); }); 

这将打开keyup作为键入

 $(document).ready(function () { alert("hello"); $("#cca").on('onkeyup', 'label.control input', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); }); 

请参阅JsFiddle演示

您还应该关闭输入：

Answer 2

您正在侦听change事件，该事件在输入失去焦点之前不会触发。 鉴于您提供的代码确实会在焦点离开输入后触发警报（通过制表符或单击），我猜您在键入后但在更改焦点之前期待响应。 要实现这一点，请改为监听input事件。