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

jQuery 查找on事件绑定元素绑定元素方法

jQuery 查找on事件绑定元素绑定元素方法 遇到问题 今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下 $box.on('click', 'img', function(...){ $(this) }); 如上代码,当我点击这个图片时候 $(this) 是指 img ....当然这是正确. 而我需要找到 $box 也就是 img 父级. 如果不是插件的话,我当然可以根据它ID或者CLASS来进行查询.问题是,我是写插件,也就是说,我并不知道它这些信息是什么....解决方法 很多基础东西不理解,就会出现我这样问题.如同事所说,你是还不会爬呢,都学上跑了.因此,踩坑无数啊....解决方法如下: $box.on('click', 'img', function(){ $box.has($(this)) }); 如上,通过 .has 操作,就能找到唯一父级被绑定元素了.

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

    js绑定事件代理

    js通过事件代理方式绑定跳转事件,我这里逻辑是把click事件绑定在最外层container上面,如果e.target包含我已经写好class,则执行跳转逻辑。...但是这种方式好像只能是在点击元素上面,也就是最内层元素上面有相应class才能跳转,在外层加同样class不生效,说明是我对于事件代理理解不够深刻,其实事件代理作用就是为了把目标元素事件绑定在外层做代理...jumpUrl 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类,来绑定和监听事件。..."); }) //查看对象属性 里面有绑定事件 console.log(event);  里面有事件具体属性,和事件数量。...{a}同志`); }) //触发事件冰川入参数 event.emit('namea', '小解');  once() once 只会绑定一次性触发事件,触发一次后就会解除绑定。...removeAllListeners() 删除所有事件监听属性,只需要写事件名,里面的监听属性都会被删除。

    11.1K40

    使用jQuery.data()查看元素绑定事件

    最先想到是浏览器面板上面的,可以选中元素,看元素上面的事件绑定。 但浏览器上面看到是结果量,也就是看到是已经丢失了事件元素,但我还是不知道什么时候丢失。...我可以断点取到每个阶段HTMLElement元素状态,但是,这个时候,我却找不到观察其事件绑定情况方法。 谷歌好久,发现JS原生是没法查看事件绑定情况。...还好,我们都是用jQuery,用$.on()。 而jQuery自身事件绑定,额外添加了一层事件数组。...(也是这个原因,$.on()可以重复给一个元素同一个事件绑定多个handler,而直接addEventListener则只能绑定一个,后面的会覆盖掉前面的) 扯了这么多,show me the code...,就会返回这个元素上面绑定所有事件

    1.9K00

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

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

    8.9K00

    Js如何删除所有元素以及当前元素

    示例展示 deleteallelem 具体描述 在原生js当中,html内容元素总是以嵌套关系存在于网页中,因此,可以通过遍历树方法访问网页里每一个元素,当然也是可以删除指定元素 原生js...coder.itclan.cn itclan.cn aikelaidev.cn pay.aikelaidev.cn 删除父级元素所有节点...,直接操作数组为空,就删除所有元素 // 这里用原生js实现,主要是演示操作子节点方式,在vue项目里,操作DOM的话,那使用vue就没有任何意义价值了...margin-bottom: 5px; border-bottom: 1px dashed #ccc; } .deletAllBtn { margin-top: 20px; } 删除数组所有元素...,或全部删除清空,是一个比较常见操作,使用原生Js全部删除操作是,通过循环遍历,一个一个删除,而在框架里,是操作数组,想要删除全部,清空数组数据就可以了

    8.4K40

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

    JS动态加载数据绑定事件-委托delegate() 方法 ---- W3C规范定义 定义和用法 delegate() 方法为指定元素(属于被选元素元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行函数...使用 delegate() 方法事件处理程序适用于当前或未来元素(比如由脚本创建元素)。...---- JavaScript动态加载数据,同时给他加载绑定事件,我选用Jquwey中 delegate() 方法 我理解,delegate()方法属于异步式加载绑定,dom元素加载未完成之前,可以委托给...delegate() 方法来实现绑定操作。...第二个参数为 要绑定事件 详情,请翻阅delegate() 方法 ---- 效果如图返回按钮:

    7.9K30

    v-if绑定元素为什么事件没有响应

    Vue是一套构建用户界面的 渐进式框架,入门也比较容易,但在使用过程中却可能会遇到这样那样问题,今天笔者就将使用中遇到一个问题记录于此,希望能帮到遇到类似问题朋友。...="check"> $("#test").click(function(){ //todo }); 在html中使用v-if来控制该button显示...,并在js代码中绑定该buttonclick事件,但是不幸是如果载入时check变量为false,该button就会隐藏,即使后期check变为true而该button又显示出来,但是test按钮...click事件却只有在页面加载时候绑定(不幸是该button没有在dom中形成而导致事件绑定失败),所以click事件不会响应,所以使用v-if绑定事件需要使用另外一种方式来绑定click事件:v-on

    1.2K20
    领券