或者用jQuery和CSS做这个!

$('input.disabled').attr('ignore','true').css({
    'pointer-events':'none',
     'color': 'gray'
});

这样你可以让元素看起来是禁用的，没有指针事件会被触发，但它允许传播，如果提交，你可以使用属性'ignore'来忽略它。

我找到了另一个解决方案:

<input type="text" class="disabled" name="test" value="test" />

类"disabled"通过不透明度模仿禁用元素:

<style type="text/css">
    input.disabled {
        opacity: 0.5;
    }
</style>

如果元素被禁用，则取消事件并删除类:

$(document).on('click','input.disabled',function(event) {
    event.preventDefault();
    $(this).removeClass('disabled');
});

也许你可以将字段设置为只读，并在提交时禁用所有只读字段

$(".myform").submit(function(e) {
  $("input[readonly]").prop("disabled", true);
});

而输入(+脚本)应该是

<input type="text" readonly="readonly" name="test" value="test" />

$('input[readonly]').click(function () {
  $(this).removeAttr('readonly');
});

一个活生生的例子:

$(".myform").submit(function(e) { $("input[readonly]").prop("disabled", true); e.preventDefault(); }); $('.reset').click(function () { $("input[readonly]").prop("disabled", false); }) $('input[readonly]').click(function () { $(this).removeAttr('readonly'); }) input[readonly] { color: gray; border-color: currentColor; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form class="myform"> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <input readonly="readonly" value="test" /> <button>Submit</button> <button class="reset" type="button">Reset</button> </form>

或者用jQuery和CSS做这个!

$('input.disabled').attr('ignore','true').css({
    'pointer-events':'none',
     'color': 'gray'
});

这样你可以让元素看起来是禁用的，没有指针事件会被触发，但它允许传播，如果提交，你可以使用属性'ignore'来忽略它。

您可以考虑使用readonly而不是disabled。使用一些额外的CSS，您可以对输入设置样式，使其看起来像一个禁用字段。

实际上还有另一个问题。事件更改仅在元素失去焦点时触发，考虑到禁用字段，这不是逻辑。可能您正在将数据从另一个调用推入该字段。要做到这一点，你可以使用事件'bind'。

$('form').bind('change', 'input', function () {
    console.log('Do your thing.');
});

在某些浏览器中，禁用的元素“吃掉”点击——它们既不响应这些点击，也不允许事件处理程序在元素或其容器的任何位置捕获它们。

恕我直言，最简单、最干净的“修复”这个问题的方法(如果你确实需要像OP那样捕捉禁用元素的点击)就是向你的页面添加以下CSS:

input[disabled] {pointer-events:none}

这将使对禁用输入的任何单击都传递到父元素，在父元素中您可以正常捕获它们。(如果您有几个禁用的输入，您可能希望将每个输入放入单独的容器中，如果它们还没有这样布局的话—例如，一个额外的<span>或<div>—只是为了便于区分单击了哪个禁用的输入)。

不幸的是，这个技巧不适用于不支持指针事件CSS属性的旧浏览器。(它应该工作在IE 11, FF v3.6, Chrome v4): caniuse.com/#search=pointer-events

如果您需要支持旧的浏览器，则需要使用其他答案之一!