首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么jquery更改事件不会触发,尽管输入的值发生了不变的变化?

为什么jquery更改事件不会触发,尽管输入的值发生了不变的变化?
EN

Stack Overflow用户
提问于 2014-05-08 15:22:49
回答 2查看 2.2K关注 0票数 4

JSFIDDLE

Html代码:

代码语言:javascript
代码运行次数:0
运行
复制
<body>
    <input value="123">
    <button>button</button>
</body>

Js代码(使用JQuery 1.2.0):

代码语言:javascript
代码运行次数:0
运行
复制
$(function(){
    $("button").click(function(){
        $("input").val("balabala...");
    });

    $("body").on("change","input",function(){
        alert("change");
        alert($("input").val());
    });
});

问题:

在开始时,输入的值是"123“。

当我通过手工编辑更改文本并单击其他地方而不是输入字段时,输入的更改事件将触发。

但是,当我单击该按钮(它也将更改输入的值)时,输入的更改事件将无法工作。

谢谢你的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-08 15:24:51

在用代码编程更改值时,不会触发change事件,您必须自己触发它

代码语言:javascript
代码运行次数:0
运行
复制
$(function(){
    $("button").click(function(){
        $("input").val("balabala...").trigger('change');
    });

    $("body").on("change","input",function(){
        alert("change");
        alert($("input").val());
    });
});

小提琴

票数 7
EN

Stack Overflow用户

发布于 2014-05-08 15:25:55

JSFiddle

您需要将.change()附加到click函数中:

代码语言:javascript
代码运行次数:0
运行
复制
$(function(){
    $("button").click(function(){
        $("input").val("balabala...").change();

    });

    $("body").on("change","input",function(){
        alert("change");
        alert($("input").val());
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23545986

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档