动态生成的节点自身所具有之事件
2017-09-29 10:18
134 查看
一般在网页上会有不少节点的数据是根据数据库的数据进行更新的,这种节点都由js文件控制进行动态生成,那么绑定点击事件的代码块会比生成节点的代码块先执行,那后生成的节点就不会被绑定上事件,这时候需要用到监听的方法,代码如下:
需求是:
点击class为a的节点隐藏掉节点为b所对应的内容展示a所对应的内容,点击class为b的节点则反之
这里用到了event.target的方法,通过监听点击的节点来判定是否为class为a或者b。
这里的target不同于this,this是谁调用就指向谁,而target则指向当前点击的这个对象,可以console.log一下上面代码的tag,会发现下面是有关于这个节点的各项信息
需求是:
点击class为a的节点隐藏掉节点为b所对应的内容展示a所对应的内容,点击class为b的节点则反之
window.addEventListener("click",function(ev){ var ev=ev||window.event; var tag=ev.target||ev.srcElement; if (tag.className=='class'){ $('.a').addClass('hide').removeClass('show'); $('.b').addClass('show').removeClass('hide'); } },false);
这里用到了event.target的方法,通过监听点击的节点来判定是否为class为a或者b。
这里的target不同于this,this是谁调用就指向谁,而target则指向当前点击的这个对象,可以console.log一下上面代码的tag,会发现下面是有关于这个节点的各项信息
相关文章推荐
- JS为循环动态生成的节点添加点击事件
- 为动态生成节点绑定事件
- JS为循环动态生成的节点添加点击事件
- 动态节点的生成注意事项及仿百度搜索事件代码
- ajax请求后动态生成节点的事件失效
- jquery对动态生成节点的事件绑定
- 关于动态生成dom绑定事件失效的原因及解决和live()
- js动态生成div和事件
- angular先加载页面再执行事件,特别在动态生成id,然后做echarts等图表
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单?求助
- Linux字符驱动中动态分配设备号与动态生成设备节点
- JS动态生成表单,并添加行双击事件
- jQuery为动态生成的select元素添加事件的方法
- jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
- AngularJS中,如何给动态生成的元素绑定事件
- JS动态生成HTML时,on不能绑定事件
- Jquery 动态生成li标签以及单击事件的绑定
- jQuery 对动态生成元素进行事件绑定
- dtree 网页树状菜单及传递对象集合到js内,动态生成节点
- jquery动态添加节点使事件失效