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

js绑定事件代理

js通过事件代理方式绑定跳转事件,我这里逻辑是把click事件绑定在最外层container上面,如果e.target包含我已经写好class,则执行跳转逻辑。...但是这种方式好像只能是在点击元素上面,也就是最内层元素上面有相应class才能跳转,在外层加同样class不生效,说明是我对于事件代理理解不够深刻,其实事件代理作用就是为了把目标元素事件绑定在外层做代理...class时执行点击事件,又想要外层元素含有class时执行点击事件,修改优化如下: document.querySelector('#container').addEventListener('click...', function (e) { console.log(e.currentTarget) //获得当前绑定监听事件元素, container console.log...注意:内层元素,即点击目标元素必须是点击时真正目标元素,而不是外面一层; currentTarget绑定相应想要点击class时候必须是做代理即做事件监听元素。

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

【Node.JS事件绑定与触发

往期文章 【Node.JS】写入文件内容 【Node.JS】读取文件内容 目录 简介 绑定事件 on() addListener()  once() 监听事件emit()  传参  删除事件 removeListener...()  removeAllListeners() ---- 简介 node.js事件是使用events模块,通过实例化它里面的EventEmitter类,来绑定和监听事件。...('namea', function () { console.log("坚毅小解同志"); }) 查看绑定事件 const eve = require("events"); //导入模块..."); }) //查看对象属性 里面有绑定事件 console.log(event);  里面有事件具体属性,和事件数量。...{a}同志`); }) //触发事件冰川入参数 event.emit('namea', '小解');  once() once 只会绑定一次性触发事件,触发一次后就会解除绑定

11K40

如何处理图片文字?怎样图片添加文字?

但有时候在一些场景当中是不需要给图片添加文字,如果搜索到图片素材当中有文字,而自己又恰恰需要这张图片,该如何处理图片文字呢?现在来看一看如何处理图片文字方法和技巧。...如何处理图片文字? 每一张图片文字都是后来经过制图软件添加上去。如何处理图片文字,也同样可以通过专业作图软件来进行处理。...怎样图片添加文字?...图片添加文字方式也是非常方便快捷图片上点击输入文字按钮,然后就可以在文本输入框中输入想要添加文字,制图软件文字样式有许多许多也可以在线下载一些特别流行字体样式,让添加文字看起来更加丰富和饱满...图片配文字是经常用到一种图片处理技巧,多学习一些相关技能,对于工作和学习都是非常有帮助

12.5K20

js 动态生成 input 绑定事件 blur 无效

,而针对于其中input标签,要求设置失去焦点blur事件 需要实现界面截图如下: ?...最开始编写 js 代码如下: /** * 当sku库存量变化时,对应总库存进行更新 */ $(".input-sku-stock").blur(function ()...,而动态新生成却无法触发blur事件 因为测试失败后,转而考虑新写法,且可以正常实现 ?...ி 附录 1.针对我问题,求助度娘,发现了下面的一个帖子,可作参考 动态添加blur事件失效 [问题点数:60分,结帖人lawrendc] 时间相当久远... 2.最接近解决需求文章如下...,建议可自行测试 动态生成input绑定事件无效如:blur 意见:异步导致绑定事件失败,需使用全局绑定事件 3.w3school 文档 - onblur 事件 这就是官方文档

8.8K00

怎样实现DEDE栏目增加栏目图片(1)

http://www.genban.org/news/dedecms-7577.html 前两天用DEDE做二次开发时候,遇到一个问题,领导让给每个栏目增加一个栏目图片功能,网上找了些东西...,结合自己实际做时候方法,下面详细描述下具体实现方式(只测试了V5.7版本,对低版本是否适用不太清楚)。...首先,栏目分类表`dede_arctype`表增加缩略图字段`typeimg`,用phpMyAdmin或其他数据库管理工具,直接在数据表中添加该字段,或者运行下面的SQL语句: alter table...dede/templets/catalog_edit.htm 2.1 打开dede/templets/catalog_add.htm,查找 栏目名称: 在其下面加上如下代码: 栏目图片: 并在...之间引入如下js: 2.2 打开dede/catalog_add.php页面,保存上传栏目图片内容,查找 $queryTemplate = "INSERT INTO 在 (reid,topid,

1.7K10

js动态绑定事件,无法使用for循环中变量i问题

❝小闫语录:我一直在幻想,那些伟大预言家都来自未来,那些畅销小说家都是真实经历过... ❞ 每天不是在写 bug,就是在解 bug 路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选...』 1.问题描述 在一个 for 循环中,我动态一堆 a 标签绑定 onclick 事件时,发现点击事件不正确。...但是上述代码点击每一个链接总是弹出一个值,而且还是个不正常值。之所以说它不正常,是因为上面我获取到了 5 个标签,正常下标应该到 4 结束,但是总是弹出 5 ????...答:那是因为事件函数是一个匿名函数,此函数会在 for 循环执行之后调用。调用时,发现内部没有定义变量 i ,所以就去外面找一下,发现外层有,就取外层值了,但是为什么是 5 呢?...那是因为 for 循环结束条件是 i 不满足 i<5 ,那么结束后变量 i 值就是 5,匿名函数到外层取值正好取到了它。

3.9K10

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

最近一段时间打了一个大仗,现在总算消停,才有时间来做个总结吧算是: 移动端遇到一个项目,是一个列表侧滑栏,在我这里用jq写交互事件。自测各方面都挺好,美滋滋了研发。...研发也美滋滋开始开发。 但是,好景不长。。。 研发加了ajax事件后,我交互效果有部分受了影响! 一个小姑娘,在一群大老爷们研发堆里,对着昏暗电脑和看不太懂后台代码,改了半天。最后没解决。...所以一开始事件找不到“接头人”就没有执行。 扫噶,定位到问题,就好解决了。 之所以整理成随笔,是因为我之前没遇到过这个问题,听过事件委托机制,但是根本没研究过不知道适用于什么样bug场景。...正规说:JS异步加载,JQ事件不被执行解决方法(百度标题,hah) jquery中动态新增元素节点无法触发事件问题(同上) 解决方法: ? ?...值得注意是:亲测此方法无效,可能是我用jq版本太高了,1.9多,已经不支持这个方法了 第二个方法: ? 但是缺点是:一个元素添加多个事件委托机制时,他就挂了。  王者方法:on ?

4.8K50

JS逆向 | 用简单案例说新手看东西

建议收藏 | 最全 JS 逆向入门教程合集 今天这个网站我们要分析字段其实很简单,老手跳过即可。这个网站一些新手朋友把它复杂化了,所以导致找不到它值。...定位加密 正常分析逻辑是: 检索参数名token,检索出来有 5 个结果,耐心就可以找到下面这个位置,到这里其实分析就结束了,值也很明显, 就是window.zp_pc_nekot值取反,而window.zp_pc_nekot...值就在首页源码中。...所以建议逆向新手可以多找一些简单网站多走走早前我写过流程,当然并不是要你按部就班,而是希望你能在简单网站中熟悉工具使用以及自学到一些分析逆向思维。...希望每个爬虫新手都能通过本篇文章学到一东西。 Love & Share ? [ 完 ]

1.3K30

js图片监听onload事件,依然有获取不到宽高场景

背景 在实际开发中,移动端页面遇到,采用正常写法,图片 src赋值写在 onload 事件监听 后面,依然会有拿不到 图片真实宽高场景,获得图片宽高都为0,真的是好坑啊。...img = new Image() // 加载完成执行 img.onload = function(){ console.log(img.width,img.height) } // 改变图片...为了避免图片加载失败或不存在等长场景导致定时器一直执行,可以加一个兜底,比如10秒钟之后自动清除定时器。...// 记录当前时间戳 var start_time = new Date().getTime() // 图片地址 后面加时间戳是为了避免缓存 var img_url = "xxx.jpg" // 创建对象...var img = new Image() // 改变图片src img.src = img_url // 定时执行获取宽高 var check = function(){ // 只要任何一方大于

3.9K20

JS框架榜单官方结果令人惊讶!感谢大佬凌晨3 Strve.js 提交PR!

那就只能等待官方版本发布了,当时还耐不住性子问了下作者,作者也非常耐心地回答了我问题。作为开发人员,这一我很佩服!就在早晨,作者还特意给我回了消息,“Chrome 115发布了” !...贡献 Strve.js 登上JS框架榜单之后,我也发布了一篇文章,反响挺不错,收到了很多朋友们赞和鼓励。在这里,非常感谢大家长期以来对我支持!...我希望我们能为所有 Web 开发人员构建一个强大且流行框架。 尤其是第二条,大佬居然阅读代码接近 3,当时我看时间也相近,确实没有错。...当然,Strve.js 还有很多优化空间,比如优化算法等等。我一个人精力有限,非常欢迎大家加入 Strve.js 大家庭,成为伙伴!...如果大家觉得 Strve.js 不错,麻烦帮我下 Star 吧!

24030

2018年各大互联网前端面试题三(阿里)

三月份有很多朋友辞职跳槽,也遇到了许许多多面试题,在交流群里和网站上总结了一些常见面试题,细细分析,其实基本都是万变不离其宗,所有的问题都是从某一技术基础出发,综合考量,如果懂得了这项技术原理所在...四种定位区别 let与var区别? 如何让子类继承父类方法与属性? 怎么发送一个跨域POST请求? 框架 Vue是如何实现双向绑定?看过Vue源码吗?...CommonJS 中 require/exports 和 ES6 中 import/export 区别? Vue怎么实现双向绑定?...代码 请编写一个通用事件注册函数 怎样判断一个数组是数组? 怎么用JS实现一个队列? 描述出任意一个排序算法? 封装一个函数,参数是定时器时间,.then执行回调函数。...使用addEventListener点击li弹出内容,并且动态添加li之后有效 使用js实现一个持续动画效果 只允许使用css,让一个页面原有dom不可见多种解决方法 请Array本地对象增加一个原型方法

1.1K30

适合传统OFFICE开发者网页开发知识学习路径

有选择性地分辨哪些值得学,哪些可以放下,这一比一头载进去一直学要管用得多,技术领域犹如浩瀚海洋,无穷无尽,建议在用中学,不够时再慢慢补充,不必一次性透支长时间高密度来学习某一细分技术领域,可能真正学下来...WPSJS开发额外技能 上述这类群体是对自己想要什么非常清晰,就差怎样将其实现出来,目前已经会使用VBA进行实现,但新WPSJS需要使用javasript语言,而不能再用VBA了。...同样地过去复杂一交互,需要会使用窗体并其中控件,现在也需要会一html语法,在网页上绘制一些交互元素并绑定事件和用户行为进行交互。...以下图片,在语雀文档上有思维导图下载,内含链接可跳转。 ?...js宏,将代码嫁接过来再修改下,跑通自己demo,就慢慢可以自己进阶学习了。

59520

开发 | 一篇文章读懂微信小程序视图层

通俗一,WXML 有点类似 HTML,相当于一个最后收尾设计师。它可以告诉你,这个地方要有个图片,然后这个图片地址是什么;然后告诉你这儿有个按钮,这个按钮控制什么开关。...如果符合,则渲染某一部分内容。使用这个函数,与其他语言中使用 if 函数来 print 东西一样。...模板 模板意思是,在 WXML 中,引用相同或类似的部分。一个模板需要在 WXML 中定义和使用,引用 JS 数据,然后展示用户。 5....事件 事件是视图层到逻辑层通讯方式,它可以将用户行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应事件处理函数。...首先,在 WXML 中定义需要触发事件元素: 在 JS 脚本文件文件里面写入方法(函数),并且绑定其中某个数据: 6.

86220

js实现动态添加具有相同nameinput+动态添加input绑定事件+保存前判断所有name为空阻断提交

一、在动态上传章节信息时,碰到了一系列问题,主要有: 1、动态添加input元素绑定事件失效了。 2、提交保存时,多个name相同表单如何判空并阻断提交。...,是因为在事件加载之后我们才动态添加元素,新元素并没有绑定到曾经事件。...解决方案: (1)绑定事件需要等元素添加完毕,再绑定,才会生效。...js,比如添加表单,不需要可以点击×号删除,要想实现效果,但不知道怎么做时候,我们可以自己写点击事件,不用框架,因为我们无法把握人家js,这只是本人一种思路,会不用理会。...(1)我提交按钮添加了点击事件save()。

5.9K20
领券