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

JS实现动态获取当前点击事件id属性

整个页面是通过ajax请求最新4部视频进行填充完成,视频列表又是通过template-web.js插件补上去,所以导致所有ID都是一样,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态ajax请求属性,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接格式在新打开弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮id,然后使用button,将链接放在value中 Dom...对象id属性可以获取元素id。...-- HTML结构 --> 播放 // javascript

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

    浅谈JavaScript事件事件处理程序

    HTML事件处理程序 元素支持事件,都可以使用与相应事件处理程序同名HTML特性来指定。这个特性能支持一定JavaScript代码。...通过JavaScript指定事件处理程序有两个优势:简单和浏览器兼容性好。要使用JavaScript指定事件处理程序,首先必须获取一个元素对象引用。...所有DOM节点都包含这两个方法,并且他们接收3个参数:要处理事件名、作为事件处理程序函数和一个布尔。...布尔如果为true,表示在捕获阶段执行事件处理程序,如果为false,表示在冒泡阶段调用事件处理程序。...在attachEvent事件处理程序函数中this是指向window,我们无法获取元素对象。

    1.5K50

    js、jQuery 获取文档、窗口、元素各种

    基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素各种 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body宽度: document.body.clientWidth...(其不会受滚动条影响,相对于滚动条当前位置浏览窗口Y) 注意clientY和pageY区别,pageY在页面无滚动条或滚动条下拉0情况下等同于clientY event.offsetX...在当前触发鼠标事件元素和它祖先元素中找到最近具有定位属性元素,计算鼠标与其偏移, 以找到元素border左上角外交点作为相对点。...另外offsetY并不在乎触发事件元素是否有定位属性,它总是相对于触发事件元素来计算偏移。...鉴于layerY和offsetY不同,要兼容使用二者要注意   1.触发事件元素一定要设置定位属性。

    14.1K32

    使用AmplifyJS和JQuery编写更好更优雅javascript事件处理代码

    事件(或消息)是一种经常使用软件设计模式。可以减少消息处理者和消息公布者之间耦合,比方J2EE里面的JMS规范。设计模式中观察者模式(也叫公布/订阅模式)。...之前写JQuery相关博客中。具体介绍了JQuery事件处理机制和特性,具体可以參考这个文件夹下文章。...JQuery事件处理事实上就是使用了公布/订阅模式,包含它提供命名空间机制、自己定义事件都非常棒,可是JQuery事件处理有一个缺陷:JQuery事件都是和DOM元素相关,可是非常多时候我们并不须要...仅仅希望使用事件公布/订阅这样机制。 代码1:假设某个DOM元素不存在。那么不能依靠它使用事件公布和订阅。...使用,能够參考以下这2篇文章: AmplifyJS源代码简析:事件分发 Extending Your jQuery Application with Amplify.js 发布者:全栈程序员栈长,转载请注明出处

    66230
    领券