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

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

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

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

    前端如何获取当前时间_js 获取年份

    前端js获取当前时间方法: var time = new Date(); time.getYear(); //获取当前年份 time.getFullYear(); //获取完整年份(4位,1970...time.getMonth(); //获取当前月份(0-11,0代表1月) time.getDate(); //获取当前日(1-31) time.getDay(); //获取当前星期X(0-6,0代表星期天...) time.getTime(); //获取当前时间(从1970.1.1开始毫秒数) time.getHours(); //获取当前小时数(0-23) time.getMinutes(); //...获取当前分钟数(0-59) time.getSeconds(); //获取当前秒数(0-59) time.getMilliseconds(); //获取当前毫秒数(0-999) time.toLocaleDateString...(); //获取当前日期 var mytime=time.toLocaleTimeString(); //获取当前时间 time.toLocaleString( ); //获取日期与时间 为了让大家有一个更感官了解

    34K20

    如何js获取当前月份天数

    获取每月天数时候,一般都是存储到一个数组中进行获取,但是如果是二月份的话就需要首先判断是否闰年,再确定是28还是29了。...js可以通过Date对象很方便获取到每月天数,在初始化Date对象时,我们可以通过这种方式: var d = new Date(2017,2,0); console.log(d.getDate())...; 以上代码可以在控制台输出2015年2月份天数 Date对象月份从0开始,即0表示1月份,以此类推。...如果要获取当前月份天数: function mGetDate(){ var date = new Date(); var year = date.getFullYear();...JavaScript中day范围为1~31中值,我们获取第N-1个月第0天,就是N-1个月最后一天,这样就获得了第N个月有多少天。

    12.4K50

    js如何获取计算机当前时间,js获取当前系统时间实例代码

    x(0-6,0代表星期天) mydate.gettime(); //获取当前时间(从1970.1.1开始毫秒数) mydate.gethours(); //获取当前小时数(0-23) mydate.getminutes...mydate.tolocalestring( ); //获取日期与时间 例1,js获取当前时间 js中日期操作: 复制代码 代码示例: var mydate = new date(); mydate.getyear...(); //获取当前年份(2位) mydate.getfullyear(); //获取完整年份(4位,1970-????)...6,0代表星期天) mydate.gettime(); //获取当前时间(从1970.1.1开始毫秒数) mydate.gethours(); //获取当前小时数(0-23) mydate.getminutes...获取想要时间: 复制代码 代码示例: /*获取当前时间及当前时间加n分钟后时间*/ function curenttime(addtime) { var now = new date(); var

    17K40

    vue 点击事件获取当前元素

    在开发中我们可能会使用单击事件去获取当前元素,这样就需要进行传参: 关键词: $event  在括号中输入这个关键词,然后在方法中就可以使用以下方法去获取当前所需要使用元素 //当前点击元素...e.target //是你绑定事件元素 e.currentTarget //获得点击元素前一个元素 e.currentTarget.previousElementSibling.innerHTML...//获得点击元素第一个子元素 e.currentTarget.firstElementChild //获得点击元素下一个元素 e.currentTarget.nextElementSibling...//获得点击元素中id为string元素 e.currentTarget.getElementById("string") //获得点击元素string属性 e.currentTarget.getAttributeNode...('string') //获得点击元素父级元素 e.currentTarget.parentElement //获得点击元素前一个元素第一个子元素HTML值 e.currentTarget.previousElementSibling.firstElementChild.innerHTML

    1.8K10

    vue事件获取当前对象

    一.事件传参 如点击事件 ............cancelable:返回布尔值,指示事件是否可拥可取消默认动作。 currentTarget:返回其事件监听器触发该事件元素。 eventPhase:返回事件传播的当前阶段。...target:返回触发此事件元素(事件目标节点)。 timeStamp:返回事件生成日期和时间。 type:返回当前 Event 对象表示事件名称。...currentTarget:currentTarget 事件属性返回其监听器触发事件节点,即当前处理该事件元素、文档或窗口。...三.其中常用currentTarget,target currentTarget:返回其监听器触发事件节点,就是你点击事件绑定在哪一个元素上 arget:返回事件目标节点(触发该事件节点),就是你当前点击是哪一个元素

    1.2K20

    JS获取当前网址信息

    通过window.location对象获取对应属性 1、设置或获取对象指定文件名或路径(pathname) window.location.pathname 2、设置或获取整个 URL 为字符串(href...) window.kk 3、设置或获取与 URL 关联端口号码(port) window.location.port 4、设置或获取 URL 协议部分(protocol) window.location.protocol...设置或获取 href 属性中在井号“#”后面的分段(hash) window.location.hash 设置或获取 location 或 URL hostname 和 port 号码(host)...(url.lastIndexOf('=')+1, url.length); 用来得到当前网页域名 document.domain 注意: 1、获取过后直接使用substring方法截取我们需要信息。...2、通过正则表达式准确获取我们需要参数。

    13.8K30

    js获取鼠标当前位置坐标

    2017-03-01 10:08:42 在页面中获取鼠标坐标通常有三种方式,这三种方式各有不同,所值也是不一样。  首先是相对于页面的pageX和pageY。...他值是鼠标在页面上可视区域位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻滑动到位置为参考点,随滑动条移动 而变化。 相对于屏幕来说screenX/screenY。...这是一个IE特有的属性,鼠标相比较于触发事件元素位置,以元素盒子模型内容区域左上角为参考点,如果有boder,可能出现负值 相对于坐标系layerX/layerY。...FF特有,鼠标相比较于当前坐标系位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型border区域左上角为参考点也就是当触发元素设置了相对或者绝对定位后...完全支持所有属性.其中(offsetX和layerX都是以border为参考点) 下面这个是获取相对于屏幕坐标 document.onmousemove = function(e) { e =

    14.7K20
    领券