js 为动态添加的元素绑定事件_IT百科

想必大家都有遇到过，DOM动态添加的元素，你给它绑定的事件是不起作用的。目前有两种办法，为动态添加的元素绑定事件

⚠️ 动态添加的子元素一定要放在on()方法里面，并且on()方法里面的 childSelector 必须要是 selector 的子元素，否则动态添加的元素绑定的事件依旧无效

1、新建一个静态页面bind.html，并引入jquery核心文件。

2、在<body></body>标签中，插入一个button按钮，添加id属性值。

3、在<script></script>标签中，添加按钮点击事件，利用on()方法绑定。

4、保存代码并运行项目，打开浏览器查看界面效果，点击按钮查看控制台。

5、将on()方法改为bind()方法，然后保存代码，点击按钮查看打印结果。

6、在jQuery3.0以下版本中，可以使用delegate()方法绑定点击事件。

7、除了上述之外，还有live()方法，不过这个方法jQuery1.7后就被废弃了。

先在这个类里面加一个数组

public Data[] btsptmp = new Data[20]

//下面是代码

Button button = new Button()//新建一个按钮

button.Height = 85

button.Width = 85

button.Text = "你猜"//以上是参数

button.MouseClick += new MouseEventHandler(button_MouseClick)//绑定点击事件

btsptmp[i] = new Data //这里是我新建了一个静态构造函数存储每个按钮的数据方便后期调用

{

lstime = i,

button = button//把新建的按钮存进去

}

flowLayoutPanel1.Controls.Add(button)//在窗口添加按钮

//下面是构造函数类

[Serializable]

public class Data

{

public int lstime

public Button button

}

//下面是点击事件

private void button_MouseClick(object sender, MouseEventArgs e){写你需要的事件}

欢迎分享，转载请注明来源：内存溢出

js 为动态添加的元素绑定事件