首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

原生js怎么为动态生成的标签添加各种事件

这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何动态生成的标签添加事件?...因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?...我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来。 <!...('a').appendChild(myp); alert(document.getElementsByTagName('p')[0]) myp.innerHTML = '我是新建的p<em>标签</em>...'; document.getElementsByTagName('p')[0].onclick = function(){ alert('我是p的点击事件') } } </script

7.9K50

Js - JQ事件委托( 适用于动态生成的脚本元素添加事件

最近一段时间打了一个大仗,现在总算消停点,才有时间来做个总结吧算是: 移动端遇到一个项目,是一个列表的侧滑栏,在我这里用jq写的交互事件。自测各方面都挺好的,美滋滋的了研发。...所以一开始事件找不到“接头人”就没有执行。 扫噶,定位到问题,就好解决了。 之所以整理成随笔,是因为我之前没遇到过这个问题,听过事件委托机制,但是根本没研究过不知道适用于什么样的bug场景。...,是通过获取元素的类名被点击后执行对应方法,但是研发套完模板,他会把所有的结构先清空,导致jq根本找不到那个元素,所以事件就不得执行了。...正规点的说:JS异步加载,JQ事件不被执行解决方法(百度的标题,hah) jquery中动态新增的元素节点无法触发事件问题(同上) 解决方法: ? ?...但是缺点是:一个元素添加多个事件委托机制时,他就挂了。  王者方法:on ? //模拟多个事件!

4.8K50
您找到你想要的搜索结果了吗?
是的
没有找到

【整合】input标签JS改变Value事件处理方法

某人需要在时间控件文本框赋值时,触发事件函数。实现的效果:   1、文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件。...阻塞在于失去焦点后才触发(输入过程中不触发事件)   2、通过JS方法修改值,修改后触发事件。...重点阻塞在于此(JS赋值要触发)   最终采用方案:   1、IE(IE8及以下)下使用onpropertychange实现JS赋值后触发事件   2、需求是手工输入结束后才触发事件,避免在文本框实时输入文字的时候也因为...我测试的代码为  $("#id").on("change",function()); oninput:html5的标准标签。...适用场景为:文本框输入过程中实时监听输入内容,触发事件 onpropertychange:IE中元素特有的属性,直接在底层监听元素的属性变化(不止是Value),任何变化都会触发事件,包括适用JS操作

11.9K50

riot.js教程【五】标签嵌套、命名元素、事件标签条件

前文回顾 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期; riot.js教程【二...】组件撰写准则、预处理器、标签样式和装配方法; riot.js教程【一】简介; 标签嵌套 让我们定义一个父标签account,一个子标签subscription <subscription...接下来我们把account标签添加到页面的body中 riot.mount('account', { plan...,所以你可以在mount事件中访问到this.refs 事件 DOM事件可以直接和riotjs标签内的方法绑定,示例如下: ...method_a : method_b }> 在事件方法内,this指代本标签实例,方法执行完之后,会马上执行this.update()事件, 如果你在方法内部,使用了event.preventUpdate

3.9K80

WordPress文章关键词标签自动添加内链

前言 今天大家分享一个WordPress SEO优化小技巧,该技巧能够实现文章内的关键词标签自动添加内链。 内链的好外,自然就不用说了,它可以让百度蜘蛛在你的网站爬行更多的地方。...当然,很多WordPress插件也可以实现这个功能,但是今天素材虎大家分享的是不用插件文章关键词标签自动添加内链的方法。 那怎么如何让WordPress站点的文章关键词标签自动添加内链呢?...其实我们只需要在主题目录下的functions.php文件中添加一段代码就可以实现了。...效果图 食用方法 在主题目录下的functions.php文件中添加下方代码就可以实现了WordPress文章关键词标签自动添加内链。...-1 : 1; } function tag_link($content){ $match_num_from = 1; //一个标签少于几次不链接 $match_num_to = 1; //

1K30
领券