jQuery检测更改输入,其中JS进行了更改

Arkadiusz G.

我想检测由JS进行更改的输入值的更改。

HTML:

<input type="text" name="test_input"><br><br>
<button name="change_input">Change usign JS </button>

JS:

$(function() {
    $('body').on('change','input[name="test_input"]',function() {
        alert('Changed');
    });
    $('button[name="change_input"]').on('click',function() {
        $('input[name="test_input"]').val('New value');
    });
})

https://jsfiddle.net/7c54r7x9/

谢谢

罗里·麦克罗森(Rory McCrossan)

仅当通过用户输入进行修改时,才会引发change事件。以编程方式进行设置后,您需要自己引发该事件。在jQuery中,您可以使用来做到这一点trigger(),就像这样:

$(function() {
  $('body').on('change', 'input[name="test_input"]', function() {
    console.log('Changed');
  });

  $('button[name="change_input"]').on('click', function() {
    $('input[name="test_input"]').val('New value').trigger('change');
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="test_input"><br><br>
<button name="change_input">Change usign JS </button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

检测哪些脚本对DOM进行了更改

仅保存如果进行了更改

即使对节点js进行了更改,Node js也会在控制台中显示旧文件

jQuery-如果对textarea进行了更改,则无法提交表单

卡在加载上对App.js进行了微小更改

检查ConcurrentHashMap的computeIfAbsent是否进行了更改

derbyJS-实时了解谁进行了更改

如何知道jtextarea中是否进行了任何更改?

检查Git是否以编程方式进行了更改

如何检查rsync是否对bash进行了任何更改?

keyboardWillShow事件进行了其他更改

找出谁对Powershell进行了文件的最后更改?

数据集对新行进行了更改

Bash评估在版本4.4中进行了更改?

notifydataset在片段内部使用listview进行了更改

对cakephp视图文件进行了更改,但更改未在浏览器中显示

我对Dockerfile进行了更改,但是我的“ docker build”没有反映出更改

RealmSwift错误:“ RLMException,原因:对集合进行枚举时对其进行了更改。”

在jQuery中检测输入更改?

“属性”面板在以后更新页面底版时进行了更改

在Rails 3和Rails 4之间进行了哪些路由更改?

尽管没有分配,但%CMDCMDLINE%特殊var进行了魔术更改

公司推出软件更新时,对代码段进行了哪些更改?

Perl:CAM :: PDF进行了更改,但是这些未在最终文档中实现

百胜vs DNF(在Fedora 22中进行了更改)

Firestore最近进行了哪些更改,使其抱怨“重叠递归通配符匹配语句”?

签出以前的提交,进行了更改,现在一切都丢失了吗?

即使进行了更改,Statement.execute() 也会返回 false

ModuleNotFoundError:尽管进行了本地更改,但在推送到Heroku时仍为importlib