禁用元素不会触发鼠标事件。大多数浏览器会将源自被禁用元素的事件传播到DOM树中，因此事件处理程序可以放置在容器元素上。然而，Firefox并没有表现出这种行为，当您单击禁用元素时，它只是什么都不做。

我想不出更好的解决方案，但是，为了实现完全的跨浏览器兼容性，您可以在禁用的输入前放置一个元素，并捕获对该元素的单击。下面是我想说的一个例子:

<div style="display:inline-block; position:relative;">
  <input type="text" disabled />
  <div style="position:absolute; left:0; right:0; top:0; bottom:0;"></div>
</div>​

jq:

$("div > div").click(function (evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).focus();
});​

示例:http://jsfiddle.net/RXqAm/170/(更新为使用jQuery 1.7的prop而不是attr)。

我做了和Andy E非常相似的事情;只是我用了一个环绕标签。然而，我需要“名称”，所以我把它改成了一个没有“href”的标签。

我会建议一个替代方案-使用CSS:

input.disabled {
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    color: gray;
    cursor: pointer;
}

而不是disabled属性。然后，您可以添加自己的CSS属性来模拟禁用的输入，但是具有更多的控制。

或者用jQuery和CSS做这个!

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

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

这里的建议看起来也很适合回答这个问题

在禁用元素上执行单击事件?Javascript jQuery

jQuery('input#submit').click(function(e) {
    if ( something ) {        
        return false;
    } 
});

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

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

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