首页
学习
活动
专区
工具
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
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS - 可自动伸缩高度文本框

    文本框默认现象: textarea如果设置cols和rows来规定textarea尺寸,那么textarea默认宽高是这俩属性设置,可以通过鼠标拖拽缩放文本框尺寸。...textarea如果设定了宽高,那么如果文本超出框高度,会自动出现滚动条。而不会撑开文本框高度。 如果什么也不设置,最小宽高很窄很细,随便输入内容也会超出文本框隐藏,且自动增加滚动条。 ?...因为文本框宽高固定死了, 还是超出出现了滚动条。 怎么让文本框初始化设置一定高度,但是文字超出时自动跟随内容高度伸缩?...答: 初始化高度通过css设置(如上),自动伸缩高度通过js来计算(如下)。 如果js计算的话,就需要事件触发,用change事件? 答:但是change事件体验不好。 为什么?...答:就是计算文本框滚动高度,即内容高度 具体怎么做? 答:键盘每次弹起时候,获取文本框内容高度添加给文本框高度,即可让其实时跟随内容自适应。 内容高度用什么属性计算?

    9.4K20

    js 动态修改_after_before伪元素content

    今天做了一个有关js如何绑定动态修改伪类content内容,运用到有( :before 和 :after 伪元素、CSS content 属性、data-* H5新属性、js)等技术。...attr(data-content-after);和content: attr(data-content-before); 这样content可以获取到box添加data-content-after属性里...:after(before同理) 6)最后通过js获取到box对象,通过box对象attributes找到添加 [data-content-before=":before"]和[ data-content-after...=":after"]属性value,有了value,这就可以进行动态修改 before伪元素和:after 伪元素里content; 以此现在做一个笔记以便以后使用,Hope to help...:before //console.log(boxAfter);//输出为 :after //下面可以自定义boxBeforeVal和boxAfterVal

    11.1K20

    在 Vue.js 中通过计算属性动态设置属性

    引子 前面我们已经陆续介绍了 Vue.js 框架常用基本语法,现在,我们可以结合这些语法实现一个小功能:展示一个 Web 框架列表,并支持新增框架。...,列表项并没有按照 language 排序,为了更优雅实现这个排序,可以使用 Vue.js 框架提供计算属性功能。...,通过对应函数体计算属性并缓存起来,以后每次计算属性依赖普通属性发生变更,才会重新计算,所以性能上没有问题。...,需要通过 return 关键字返回计算后属性,这里依赖普通属性是 frameworks。...好了关于 Vue.js 基本语法学院君就简单介绍到这里,下篇教程,我们将开启 Vue 组件开发之旅。

    12.7K50

    JS|函数返回

    我们先来看一组代码 function kunkun(aru){ console.log(aru)}kunkun('打篮球') 这个看似能输出结果,实则是在逻辑上是不合理,我们函数是做某件事或者实现某种功能...所以,接下来我会介绍一种逻辑更严谨代码。 解决方案 return语句 有的时候,我们希望函数将返回返回给调用者,此时通过使用return语句就可以实现。...函数返回格式 function 函数名(){ return 需要返回结果;}函数名(); 函数只是实现某种功能,最终结果需要返回给函数调用者。是通过return来实现。...只要函数遇到return就会把后面的结果,返回给函数调用者。...num2){ return num1 + num2;}console.log(sum(1,2)) 结果输出为:3 由此可知,不要在函数内部输出结果,应该return给函数调用者。

    11.4K10

    文本框属性监测

    之前很简单认为对inputvalue监测就用2个事件可以搞定兼容性,知道我看了司徒正美的这篇博客,还是感慨自己不够深入,接触太少。   ...但是IE9兼容性可能会出现问题。   ...} },false) ; input.oncut=function(){fn()}; }    另外,如果对不仅仅对文本内容进行监听,而且要相应修改,那么对于实现input事件浏览器而言...,没什么 问题,而对于IEpropertychange事件,则应该有所注意--为了避免循环处罚该事件,需要在修改属性之前将onpropertychange 处理程序取消,属性修改完毕之后重新赋值:   ...下面是一个简单强制输入大写字母demo,来源自David Flanagan 1  function forceToUpperCase(element) { 2 if (typeof element

    1.8K60

    如何动态加载js

    第三方js文件,自己写js文件,js越来越多了怎么办? 提出问题: 1、js文件太多了,每个页面都写太麻烦。 2、如果路径变化了,或者js名称变化了怎么办?...3、如何约束js文件加载顺序?a.js定义了一个函数,b.js要调用,但是b.js先加载了,a.js还没加载完成,造成函数未定义,无法调用。 4、js文件合并。...5、加载js完毕之后,要可以执行回调函数。  解决问题: 如何解决这些问题呢?我想到办法是——动态加载js。就是通过js代码方式来加载。...当然这里浏览器类型判断还不完全。浏览器太多了,遇到不兼容在考虑吧,俺js其实很烂。...下一步是如何管理js。还有js客户端缓存、复用问题。

    12.8K50
    领券