html在js中为添加监听,使用addeventlistener为js动态创建的元素添加事件监听

点击li弹出内容,并且动态添加li之后有效

点我增加

var num = 1;

var u=document.querySelector("ul");

function addFunction(){

var l=document.createElement('li')

var t=document.createTextNode(num);

l.appendChild(t);

u.appendChild(l);

num++

};

u.addEventListener('click',function(e){

if(e.target && e.target.nodeName.toUpperCase() === 'LI') {

console.log(e.target.innerHTML)

}

})

js动态创建的元素绑定事件

新创建的元素用传统的办法无法绑定,需要用live方法. 例: $('.rule').live('mouseover', function () { $(this).addClass("can ...

如何给js动态创建的dom添加事件

delegate() 方法 实例 当点击鼠标时,隐藏或显示 p 元素: $("div").delegate("button","click" ...

使用jquery日期选择器flatpickr.js,使用js动态创建input元素时插件失效

最近写页面时需要用到,日期选择器,网上搜索了一些插件,最后使用了flatpickr.js.我是从npm 上拉下的依赖  npm install flatpickr --save 随后在页面中引入css ...

给js动态创建的对象绑定事件

1.使用原生JS动态为动态创建的对象绑定事件 1-1.创建一个function,用来兼容IE8以下浏览器添加事件 function addEvent(el, type, fn) {  if(el.ad ...

JavaScript给动态插入的元素添加事件绑定

由于实际的需要,有时需要往网页中动态的插入HTML内容,并在插入的节点中绑定事件处理函数.我们知道,用Javascript向HTML文档中 插入内容,有两种方法, 一种是在写HTML代码写入JS,然后 ...

jquery中为动态增加的元素添加事件

// html代码

jquery动态生成的元素添加事件的方法

动态生成的元素如果要添加事件,要写成 $(document).on("click", "#txtName", function() { alert(this.v ...

JS动态创建SVG元素并绑定事件

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.set ...

WPF CodeBehind后台动态创建图片及添加事件

问题:WPF中DataGrid需要动态生成列并绑定值,首列包含图片和文本,点击图片触发事件. 难点:1.图片资源在VisualTree中的绑定   2.图片的事件绑定 public class Mai ...

随机推荐

【转】使用:after清除浮动

以前总是加一个

asp.net 导出Excel

分享一个asp.net 导出假Excel代码.优点,不用借助于任何插件比如(NPOI),复制代码,修改grid.DataSource直接导出. 先看导出后的效果图 System.Web.UI.WebC ...

[Android]Volley源码分析(二)

上一篇介绍了Volley的使用,主要接触了Request与RequestQueue这两个类,这篇就来了解一下这两个类的具体实现. Request类图:

jquery easyui-linkButton获取和设置按钮text并且解决火狐不支持innerText的方法

转: seajs手册与文档之--模块定义

模块定义 define id dependencies factory exports require require.async require.resolve require.load requi ...

keyCode码集合

keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 ...

关于Filter

[1].关于Filter Filter简介: Filter翻译为中文是过滤器的意思. Filter是JavaWeb的三大web组件之一Servlet.Filter.Listener Filter的作用 ...

ABAP Open SQL 分页查询

分页查询是一个常见需求,特别是在web相关的开发当中. 让人意外的是,google搜索abap paging query,查到的结果似乎都指出需要使用native SQL来实现相关功能:使用百度搜索 ...

Ireport启动错误

问题描述:cannot find java.exe Neither (null)\jre\bin\java.exe nor (null)\bin\java.exe exits 解决办法: 打开Irep ...

分布式 session

分布式session的实现方式: 一.Session Replication 方式管理 (即session复制) 简介:将一台机器上的Session数据广播复制到集群中其余机器上 使用场景:机器较少, ...