javascript - 触发文本框中文本的更改

Question

我无法在当前场景中触发文本的更改。

如果我单击按钮，我将更改文本的内容。那么我如何触发由外部事件引起的文本更改。例如，通过单击按钮，我可以填充文本框中的任何文本，能够粘贴文本并使用鼠标和键盘。在这些所有场景和类似场景中，我也希望触发该事件。

我已经尝试过以下操作。

$('#text_id').on('change', function () {
    alert('This is not trigged when i changed the text');
});

文本更改时应发出警报。可能有许多可能的来源来更改文本。

这是Fiddle我创建了。

提前致谢。

这是我更新的fiddle

Answer 1

更新了 fiddle - http://jsfiddle.net/upa2A/1/

$(document).ready(function () {
    $(document).on('click', "#button_id", function () {
        $('#text_id').val('TExt changed')
    });

    $(document).on('change', "#text_id", function () {
        alert('This is not trigged when i changed the text');
    });
});

原始 Fiddle 中的问题 -

• 代码必须位于$(document).ready()
内
• function 后缺少 ()
• $.on 的使用不正确(在 http://api.jquery.com/on/ 上了解更多相关信息)

根据询问的评论进行编辑 -

更新了 fiddle - http://jsfiddle.net/upa2A/4/

$(document).ready(function () {
    $(document).on('click', "#button_id", function () {
        $('#text_id').val('TExt changed').change();
    });

    $(document).on('change', "#text_id", function () {
        alert('This is not trigged when i changed the text');
    });
});

根据评论进行更多编辑 -

来自http://api.jquery.com/change “但对于其他元素类型，事件将被推迟，直到元素失去焦点。”

由于通过单击按钮进行更改时，文本框未获得焦点，因此触发器不会自动发生。