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

js绑定事件代理的坑

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

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

    虚拟主机怎么绑定域名?绑定失败可以正常使用

    众所周知,只拥有一个普通的域名,是不能够正常运营网站的,人们还需要将域名绑定在主机上,这时候许多人使用的都是虚拟主机,它可以方便人们进行操作,不过还是应当提前搞清楚虚拟主机怎么绑定域名这个问题。...最后一步就是要新增解析记录,随后便会发现绑定成功了,不得不说整个绑定的过程没有太多的注意事项。 绑定失败可以正常使用?...如果想要更好的运营好网站的话,那么不管是域名还是服务器都是很关键的,两者缺一不可,缺失的任何一点作为支撑的话,那么都不可以正常运营网站,所以这一点人们应当注意。...以上就是对虚拟主机怎么绑定域名的相关介绍,关于整个的绑定流程,还是非常简单的,在绑定的时候,大部分人都会提前了解流程,并且全部将它下载下来,在操作的过程当中,大家只需要按部就班的来进行就可以。...如果实在无法收获成功的话,那么也可以让专业的人员帮助大家进行操作,整体的难度并不是很大,专业团队可快速完成这项工作。

    8.5K30

    JS动态加载数据绑定事件--delegate() 方法

    JS动态加载数据绑定事件-委托delegate() 方法 ---- W3C规范定义 定义和用法 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数...使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。...---- JavaScript动态加载的数据,同时给他加载绑定事件,我选用Jquwey中的 delegate() 方法 我的理解,delegate()方法属于异步式加载绑定,dom元素加载未完成之前,可以委托给...delegate() 方法来实现的绑定操作。...top-nav-left","click",function() { window.history.back(); }); }); ---- 第一个参数为 要点击的标签属性 第二个参数为 要绑定事件

    7.9K30

    JS的分号可以省掉

    程序运行起来,没有执行结果,而且没有报错。通过console.log打印数据发现,整个程序执行到map前面就再也不往下走了,很奇怪。因为没有报错信息,无法推测具体原因。...JSMin处理如下代码无法正确执行: clearMenus() !...如果你不想用分号,又怕出问题,v2ex上有位童鞋给出了一个速记方案: 如果你写 JS 代码不喜欢带分号,而又搞不清什么时候必须加分号,可以这么做:在以 "("、"[" 、"/"、"+"、"-" 开头的语句前面都加上一个分号...我最终的解法是先声明一个变量来指向这个数组,这样就可以避免以[开头,又不使用分号: let indexArray = [1, 2, 3] indexArray.map(i=>console.log(i)...自从2016年双十一正式上线,Fundebug累计处理了6亿+错误事件,得到了Google、360、金山软件等众多知名用户的认可。欢迎免费试用!

    9K60

    【如果你要学JS 】——事件绑定及解除DOM事件

    W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。...(绑定事件)注册事件有两种方式:传统方式和方法监听注册方式1.1传统方式1.利用on开头的事件onclick2....,最 注册的处理函数将会覆盖前面注册的处理函数1.2方法监听w3c推荐特点:注册事件的不唯一性使用addEventListener()方法eventTarget.addEventListener (...) , 表示在事件冒泡阶段调用事件处理 程序(这个可以得到两个阶段)。...,鼠标如鼠标点击里面就包含了鼠标的相关坐标,如果是键盘事件里面就包含的键盘事件的信息比如判断用户按下了那个键这个事件对象我们可以自己命名比如event 、evt、e事件对象也有 兼容性问题ie678通过

    19310

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

    /article/details/89230040 ☯ 背景描述 今天在进行代码编写时,我需要根据ajax返回的数据动态生成一个表格,而针对于其中的input标签,要求设置失去焦点的blur事件...最开始编写的 js 代码如下: /** * 当sku库存量变化时,对应总库存进行更新 */ $(".input-sku-stock").blur(function ()...this).val()); }); $(".input-goods_stock").val(input_goods_stock); }); 但是发现,静态的表格是可以正常实现的...,而动态新生成的却无法触发blur事件 因为测试失败,转而考虑新的写法,且可以正常实现 ?...,建议可自行测试 动态生成input绑定事件无效如:blur 意见:异步导致绑定事件失败,需使用全局绑定事件 3.w3school 文档 - onblur 事件 这就是官方文档

    8.9K00

    read方法返回0还会有epollin事件

    完整的问题是: 当read方法返回0,即我们收到了对方发给我们的fin包,使我们的socket处于RCV_SHUTDOWN状态,此后,该socket还会有epollin事件发生?...同理,我们调用shutdown方法,关闭了send端,使我们的socket处于SEND_SHUTDOWN状态,此后,还会有epollout事件?...执行该程序,用ncat对其进行连接,该程序所在终端的输出如下: $ gcc server.c && ....返回0) EPOLLOUT sockfd 5: EPOLLIN(read返回0) EPOLLOUT sockfd 5: EPOLLIN(read返回0) EPOLLOUT # 一直输出上面相同行 # 可以看到...比如说,当read返回0,就不要再返回epollin事件,这怎么做呢? 其实说来也简单,你只要把你不想要的事件从epoll注册中移除就好了。

    2.4K20

    多个套接字可以绑定同一个端口

    选项是什么 什么是惊群效应 SO_REUSEPORT 选项安全性相关的问题 Linux 内核实现端口选择过程的源码分析 SO_REUSEPORT 是什么 默认情况下,一个 IP、端口组合只能被一个套接字绑定...计算机中的惊群问题指的是:多进程/多线程同时监听同一个套接字,当有网络事件发生时,所有等待的进程/线程同时被唤醒,但是只有其中一个进程/线程可以处理该网络事件,其它的进程/线程获取失败重新进入休眠。..., pid is 25410 accept failed, pid is 25411 accept failed, pid is 25409 accept failed, pid is 25412 可以看到当有新的网络事件发生时...1、只有第一个启动的进程启用了 SO_REUSEPORT 选项,后面启动的进程才可以绑定同一个端口。...2、启动的进程必须与第一个进程的有效用户ID(effective user ID)匹配才可以绑定成功。

    2.7K21

    vue双向绑定原理面试题_面试可以记笔记

    开始我的前端面试之旅… 放下拧螺丝的扳手,开始造起了飞机… 面试的第一家,一开始就问 Vue 双向绑定怎么实现。...Object.defineProperty 是有局限性的,他的拦截的 target 就是单纯的对象的key的值 所以呢,对象属性的删减,数组,数组长度的改变,它就没法进行劫持了 而 ES6 的新特性,Proxy,它可以拦截对象...我们要兼容IE,就用原来的双向绑定,但是要注意它的不能劫持部分变化的缺陷 从上图我们可以看到,Observer 观察了 object 值的变化,这是一种观察者模式 而 Observer 将观察的信号发布给订阅器这是一种...,思考怎样去监听这个数据的变化,也就是如何使用观察者模式来实现,而恰好对一个对象的处理中有个对象方法我们可以使用,就是 Object.defineProperty 假如没有这个方法我们怎么实现呢?...同样的,订阅者可以表达对一个或多个类别的兴趣,只接收感兴趣的消息,无需了解哪些发布者(如果有的话)存在。

    496110

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

    . ❞ 每天不是在写 bug,就是在解 bug 的路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 1.问题描述 在一个 for 循环中,我动态给一堆 a 标签绑定 onclick...事件时,发现点击事件不正确。...答:那是因为事件函数是一个匿名函数,此函数会在 for 循环执行之后调用。调用时,发现内部没有定义变量 i ,所以就去外面找一下,发现外层有,就取外层的值了,但是为什么是 5 呢?...那是因为 for 循环的结束条件是 i 不满足 i<5 ,那么结束变量 i 的值就是 5,匿名函数到外层取值正好取到了它。...更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 2.解决方法 可以采用自定义属性的方式: var link = document.getElementsByClassName("link

    3.9K10

    js如何实现阅读完协议可以注册

    onscroll滚动事件 并借助滚动高度(`scrollHeight·)来判断用户是否阅读完文本域中的协议,然后来激活启动用户注册按钮 html代码 阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册... 用户注册 js代码 function on_scroll_reg(thisid) {...textareaReg.scrollHeight) { regBtn.disabled = false; } } 分析 主要是监听文本域textarea的onscroll滚动事件...,并借助滚动高度scrollHeight,当文本域的距离顶部的距离与文本域的可视区域的高度大于文本域的滚动高度式 那就说明用户已经看完了协议内容的,然后可以激活启动用户注册按钮的状态 元素,scrollTop

    1.2K30
    领券