首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

25.6K20

键码(keyCode)对照表,js通过判断点击键码的,可以做出相应控制

通过了解各个按键的键码,可以更好的在工作中使用javascript去实现这些功能,比较常用的是F12、ctrl+c 和 ctrl+v 等按键的键码,通过处理这些键码,可以达到禁用复制粘贴等功能的效果...实际应用中,也可以判断左右箭头实现文章上下篇的切换等实用功能 字母和数字键的键码(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66...87 5 53 F 70 O 79 X 88 6 54 G 71 P 80 Y 89 7 55 H 72 Q 81 Z 90 8 56 I 73 R 82 0 48 9 57 数字键盘上的键的键码(...96 8 104 1 97 9 105 2 98 * 106 3 99 + 107 4 100 Enter 108 5 101 - 109 6 102 . 110 7 103 / 111 功能键键码(...按键 键码 F1 112 F7 118 F2 113 F8 119 F3 114 F9 120 F4 115 F10 121 F5 116 F11 122 F6 117 F12 123 控制键键码(

3.1K50

js点击按钮返回页面顶部

03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮,点击该按钮返回顶部...即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...来看一下代码吧: 返回顶部 上面代码当滚动条滚动到一定位置后出现该a标签,且该a标签的position为...点击a标签即会返回到顶部div所在位置 再来看第二种方式 第二种方式相对来说比较人性化,看起来也比较舒服,直接先来看代码吧 落帆亭博客专注web前端开发 <a class...,此事件需要进入jquery.js文件,点击之后滚动条会有一个滚动过程,不是一下子回到顶部,个人感觉不错。

25K10

JS点击就会移动的球

randomP(){ //随机数函数     return Math.round(Math.random() * (500 - 1)) + 1; } function spawn(){ //生成一个点击运行...left:"+ randomP() +"px;top:"+randomP()+"px'>球"; } spawn();//页面首次加载运行一次 spawn() 函数 但是这样等于是每次点击都重新写入一个元素....style 实现 将思路调整为点击修改小球坐标就可以。(其实这样才是正常思路,我只是想顺便提一嘴之前重复 innerHTML 的玩法很逆天) 可以用 *.style....document.getElementById('ball'); //获取小球 id ball.style.top=randomP(); //将 randomP() 代入 style 里的 top ...ball.style.left=randomP(); //将 randomP() 代入 style 里的 left } change(); //页面加载完成先运行一次来让小球随机移动

10220

Excel查找技巧,根据两个来查找相对应的

如下图1所示,要根据代码和编号两个来查找对应的数量。 图1 有三种解决方案来实现目的: 1.连接关键值。此时,可以使用辅助列,也可以使用数组公式。 2.SUMIFS函数。...此时,返回的必须是数字。 3.OFFSET函数。此时,如示例中的代码列排好序才能实现。...图3 使用SUMIFS函数 如果返回的是数字,则可以使用SUMIFS函数。...SUMIFS($C$2:$C$15,$A$2:$A$15,F2,$B$2:$B$15,F3) 图4 使用OFFSET函数 可以使用OFFSET函数返回需要查找的单元格区域,然后使用查找函数来查找相对应的。...将上述两个返回作为OFFSET函数的参数,返回要查找的单元格区域,作为VLOOKUP函数的参数,最后返回相对应的。 当然,这样的公式也需要数值排序如示例一样。

1K40
领券