如何使用JQuery动态创建输入元素实现keyup函数
How do I implement a keyup function with a dynamically create input element with JQuery?
我不明白为什么下面的代码不工作。JSFIDDLE链接
$(document).ready(function () {
addInput();
});
var limit = 30;
function addInput() {
var numberOfRows = $("#shipping tr").size();
var id = numberOfRows;
if (numberOfRows == limit) {
alert("You have reached the limit of adding " + limit + " inputs");
} else {
$('#shipping').append('<tr id="rate' + id + '"></tr>');
$('tr#rate' + id).append('<td></td>');
$('tr#rate' + id).append('<td><input type="text" name="rate" /></td>');
}
$('input[name=rate]').on('keyup', 'input', function () {
alert('YAY');
return false;
});
}
我正在尝试为我动态添加的输入分配一个keyup函数。
期望输出:YAY!弹出框内部
请帮忙!
将keyup事件处理程序附加到发货表,事件将从input[name="rate"]
冒冒到发货表:
$('#shipping').on('keyup', 'input[name="rate"]', function () {
alert('YAY');
return false;
});
您需要添加委托给document
,因为它已添加到document
。
$(document).on('keyup', 'input[name="rate"]', function () {
alert('YAY ');
});
Working Demo
相关文章:
- 元素上的Enyo.drag实现
- 试图通过模块模式在DOM元素上实现change()事件
- 当实现javascript倒计时时,其他html元素将消失
- 在实现后立即显示子元素
- 实现Jquery时出现问题'成对元素上的s.each()函数
- 输出表示img元素不存在(为null),但脚本在img的实现下面,并使用了onload()
- 如何实现 Angular 指令来替换元素,但仅限于某些情况
- 在javascript中动态创建元素和类实现
- 实现一个重置按钮来收回 jQuery 中已删除的 DOM 元素
- 堆叠对 JavaScript 中元素的更改,以实现完美渲染的 CSS3 过渡
- 未捕获的异常:每个数据元素都必须实现一个唯一的“id”属性slick.dataview.js
- 如何在动态生成的元素上实现手动单击事件
- 实现等待元素存在 N 秒,然后使用 JavaScript 和 jQuery lib 与元素交互
- 如何实现具有多个选择的下拉列表并检索所选元素
- 如何在 React 中使用可变高度元素实现无限滚动
- 如何实现每个元素的singleton
- HTML表单元素的设计和实现
- 我们如何将html元素作为参数传递到handlebaelper中,以实现显示更多/更少的功能
- 如何使用JQuery动态创建输入元素实现keyup函数
- 为HTML元素实现鼠标悬停背景颜色更改的最简单方法是什么