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

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

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

25.7K20

键码(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.2K50

js点击按钮返回页面顶部

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

25K10

Case Study:读取设备的温度

如果让你去读取 Android 设备的温度,并且告诉你这些温度的都存在 /sys/class/thermal/thermal_zone 开头的目录下的 temp 文件当中,我们只需要读取它的平均值即可...1000.0 / count; } else { temperature = 0; } } } 我们定义了一个类,每一次构造这个类的对象的时候都会读取一个最新的温度的存入这个对象的唯一的...在 Java 版本当中,我们先把符合要求的文件列出来,接着遍历他们去读取这些文件中的唯一一行,实际上就是温度的 1000 倍的一个整数,读到之后我们再求平均值。...我明明就只是想要读取文件的一行,结果前前后后写了那么多的模板代码 我明明就只是想要初始化一下 `temperature`,我们当然可以在最后用三元表达式来简化这一个过程,但如果条件更复杂呢?...知识点:try ... catch 是表达式,最后一行作为其返回,表达式的类型推导取决于两个分支的返回的公共父类(接口),如果有多个公共父类(接口),返回类型默认推导为 Any,如果表达式的接受者的类型是前面提到的多个公共父类

1.1K10

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(); //页面加载完成先运行一次来让小球随机移动

12620
领券