原文:给DOM操作生成的元素添加事件

问题:通过js给页面添加新元素,并给该元素添加绑定事件,但新添加的元素上却没有绑定任何事件。 常见例子:在处理表格的时候,每行行末有个删除按钮,如下图。点击删除按钮的时候删除这一行。 View Code 如果上图中的删除按钮在dom操作前就在页面中的话,给其添加是可以的 如果表格中的每行都是通过dom操作添加的话,可以发现,删除按钮上却没有绑定任何事件。那么要怎么做才可以给dom生成的元素添加事件 ...

2017-01-02 16:59 0 3714 推荐指数:

查看详情

jquery给动态添加dom元素绑定事件

这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定,对于页面中动态添加元素,在页面加载完成后添加的,因此页面加载时无法给其绑定事件处理函数,好在jquery提供了on方法,如为动态添加元素附加单击事件。对于jquery1.7+的版本直接用on方法 ...

Tue Apr 29 16:34:00 CST 2014 0 2326
动态生成dom元素如何绑定事件

两种类型1、$('li').bind('click',function(){}); 当你用js动态添加li的时候,你添加的li不具有你绑定的事件。这种写法与$('li').click(function(){})一样。2、$('li').live('click',function(){}); 当你 ...

Thu Sep 13 00:22:00 CST 2018 4 1416
dom元素操作(动态事件绑定)

遇到的问题:动态生成的内容,事件绑定会出错。 例子: http://snowinmay.net/jqm/dom-learn2.html 1.绑定事件对动态生成的新元素无效。 问题描述: bind事件绑定后只对dom中存在的元素 ...

Wed Nov 20 03:27:00 CST 2013 0 2968
Jquery each() 如何操作动态添加DOM元素

  JQ each页面上的DOM元素的时候,如果有一部分的DOM是ajax异步加载的,那么each可能遍历不到元素,异步请求数据的同时不会影响后面的代码执行,今天就遇到这个问题了,   解决方案是讲ajax改成同步请求或者请求成功后再做DOM操作,当然选择的是后者。同步可能会导致程序卡 ...

Tue Aug 23 02:18:00 CST 2016 0 5257
js操作DOM动态添加和移除事件

非IE下,注意事件名不带on,如onclick为click 添加事件DOM对象.addEventListener('事件名',函数名,true/false); 删除事件DOM对象.removeEventListener('事件名',函数名,true/false); 第三个参数 ...

Tue Apr 26 04:17:00 CST 2016 0 2943
jquery动态生成元素添加事件的方法

动态生成元素如果要添加事件,要写成 $(document).on("click", "#txtName", function() { alert(this.value); });    作者:小路 QQ:2490024434 出处:http ...

Mon Nov 21 21:18:00 CST 2016 0 1535
怎么在ng-repeat生成元素操作dom

这个问题其实对初学者来说,都 有这样的经历,用ng-repeat生成元素用js怎么也获取不到;这个其中原由是:angular拥有自动化渲染DOM的特性,它能帮助我们专注于操作数据,而页面的渲染则由angular自身来完成。这就造成了 ng-repeat 循环完成后angular并不会告诉我 ...

Sat Nov 19 09:06:00 CST 2016 0 1952
JS DOM元素操作(创建,添加,删除,和修改属性)

1.1 创建 DOM 元素以及相应的追加方式   1.1.1 创建:document.createElement('div'); 添加: fatherEle.appendChild(ele);      appendChild 是将一个元素追加到另一个元素的最后, 不会覆盖父元素原有的内容 ...

Wed Jan 30 01:11:00 CST 2019 0 25034
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM