jQuery textbox.val('xxxx') 不会导致更改触发？答案

【问题标题】：jQuery textbox.val('xxxx') not causing change to fire?jQuery textbox.val('xxxx') 不会导致更改触发？
【发布时间】：2011-01-15 21:14:36
【问题描述】：

我的页面上有以下 jQuery 代码：

var isChanged = false;
$(document).ready(function()
{
    $('.change').change(function() {
        isChanged = true;
    });
});

我正在使用一个插件来修改它所链接的文本框的值：

target.val('xxxx');

html（来自asp.net）中的文本框是：

<input name="ctl00$cphHolder1$rptFlex$ctl01$txtLeftRank"
  type="text"
  value="52°"
  id="ctl00_cphHolder1_rptFlex_ctl01_txtLeftRank"
  class="change atiselector" />

使用代码更改文本框的值时，不会触发更改。如果我在文本框中输入，更改就会触发。我错过了什么？

【问题讨论】：

标签： jquery textbox onchange

【解决方案1】：

这就是它的工作方式。如果您需要更改值来触发“更改”事件，您可以通过以下方式显式执行此操作：

$('input#whatever').val('hi').change();

【讨论】：

有史以来最愚蠢的事情之一。试图修补 val() 以使其行为合理
@AndrewBullock 如果您实施了这个“明智的”补丁，您可能会发现它会显着降低您应用的性能。

【解决方案2】：

$('.change').change() 将触发该事件。仅更改属性不会触发事件。

【讨论】：

【解决方案3】：

根据DOM Level 2 Event Specification：

当控件失去输入焦点并且其值在获得焦点后已被修改时，会发生更改事件。

这意味着更改事件旨在通过用户交互触发更改。程序化更改不会触发此事件。

【讨论】：

【解决方案4】：

如上所述，更改事件旨在通过用户交互触发。如果您想在以编程方式设置值后做某事，您可以使用 jQuery valHooks

var isChanged = false;
$.valHooks['text'] = {
    set: function (elem, value) {
        if ($(elem).is('.change')) {
            elem.value = value;
            isChanged = true;
            return true;
        }
    }
};

【讨论】：