javascript - 如何在标签文本更改时触发事件

标签 javascript jquery html

我试图在标签文本更改时触发一个函数。这是我的代码

$("#frameItemCode").change(function (e) {
    alert("Changed");
});

#frameItemCode 是我的标签 ID,但事件未触发。我已经尝试过之前给出的示例,但它们对我没有帮助。这是我的 html

<div class="input-group">
  <span class="input-group-addon" @*style="width: 120px;"*@>Item Group</span>
  <label class="input-group-addon" @*style="width: 120px;"*@ id="frameGroupCode"></label>
  <input class="form-control" type="text" id="frameGroupName" style="">
</div>

最佳答案

看看 documentation for the change event .它只针对特定类型的元素触发:

The change event is fired for <input>, <select>, and <textarea> elements when a change to the element's value is committed by the user...

您将无法使用 change不是前面提到的类型之一的元素的事件。

如果您有其他方式知道特定元素的编辑已完成,则必须触发您自己的事件 - 可能使用 blur event在用于更改值的元素上。 blur当所选元素失去焦点时触发事件,例如当用户单击(或标签)输入元素时。

关于javascript - 如何在标签文本更改时触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27635600/

相关文章:

javascript - Jquery 多个提交按钮

javascript - 如何对 HTML 表格执行实时搜索和过滤

javascript - 使用 Webhook 在 Slack 上发布自定义 JSON 消息

javascript - Html 选择一切正常。但当使用 `space` 选择时会抛出错误

javascript - 如何强制将焦点设置在输入字段上?

javascript - JSSOR 将当前图像的标签显示为缩略图

jquery - Css 主题对 jquery 更改无效

javascript - 如何检索 html 文件内容并插入到另一个 html 文件?

javascript - 获取 HTML 5 音频控制文件位置并更新 src,而不使用 id 选择器

javascript - 使用 vue.js 动态地向表中添加行