JavaScript批量设置事件（通过双击时间来讲解）

最新推荐文章于 2022-07-28 16:20:04 发布
最新推荐文章于 2022-07-28 16:20:04 发布
阅读量218 收藏
点赞数 1
分类专栏： JavaScript web前端技术 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48783543/article/details/109138541
版权

通过遍历数组的方法来批量设置事件

在这里插入图片描述

首先我们需要获取所有的事件源对象，然后遍历这个对象数组；然后通过this使用当前对象的方法来设置标签的属性

在这里要注意的是设置属性的时候中间是不能够出现横线的，因为者不符合我们的命名规则

所以我们将中间的横线去掉然后将后面的单词的首字母大写就可以使用了：上面的那个backgroundColor就是

[QQ红包]:恭喜发财
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js批量操作、置顶、删除、上移、下移、重命名
AIGC大前端小王子
03-02 1007
本文主要介绍js批量操作（删除、重命名、置顶）、置顶、删除、上移、下移、重命名
JavaScript事件方法(实例讲解)
10-19
下面小编就为大家带来一篇JavaScript事件方法(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS 批量添加事件监听onclick this 事件委托 target currentTarget onmouseenter onmouseover
最新发布
HandsomeDanielWu的博客
07-28 855
JS 批量添加事件监听onclick this 事件委托 target currentTarget onmouseenter onmouseover
JavaScript事件委托批量添加事件监听
戴翔的技术博客
10-17 615
0.什么是事件委托 事件委托：利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，这样点击子元素时发现其本身没有相应事件就到父元素上寻找作出相应。这样做的优势有： 减少DOM操作，提高性能。 随时可以添加子元素，添加的子元素会自动有相应的处理事件。 1.事件委托的原理 事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件。 举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，
Javascript批量给元素添加事件
ITfinder
03-28 1318
var stars = document.getElementsByTagName("i");  首先获取所有i标签   for (var i=0;i<stars.length;i++){ stars[i].index = i; }  为每个标签添加自定义属性index，值为标签的key值   for (var i=0;i<s...
js批量绑定事件
Andy_195的博客
11-08 678
1. js循环绑定事件绑定的不是0 1 2 3 4，而是5。 解决方法：采用闭包的方法。 2. 另外绑定事件里调用不了i,可以创建一个临时变量。 var btn=document.getElementsByClassName('zd-btn'); var x; for(i=0;i<btn.length;i++){ x=i; (function(x){ code })(x) }
实例讲解javascript注册事件处理函数
10-23
主要以实例的方式向大家介绍了javascript注册事件处理函数，内容很全面，感兴趣的朋友可以参考一下
JavaScript页面加载事件实例讲解
10-16
在本篇文章中我们给大家通过实例讲解一下关于JavaScript页面加载事件的相关知识点内容，有需要的朋友们可以参考下。
实例讲解JavaScript 计时事件
11-20
通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。 在 JavaScritp 中使用计时事件是很容易的，两个关键方法是: setInterval() – 间隔...
JavaScript事件详细讲解
10-22
本文给大家介绍js事件详解，涉及到事件流，事件处理，事件对象等方面的知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
js动态添加事件并可传参数示例代码
10-26
js动态添加事件可以搜索到很多的相关文章，不过可以传参数的就没有几个了，下面有个不错的示例可以满足大家对传参的需求，感兴趣的各位不要错过
js中的事件委托或是事件代理详解
weixin_30883271的博客
06-25 1983
起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件...
JavaScript事件进阶：即如何给一个事件添加多个相同的事件（一）
weixin_40981660的博客
08-14 2395
1、什么是事件处理器？ 给一个元素添加一个事件叫“事件处理器”，如下所示： oBtn.onclick =function(){}; 显然，事件处理器的用法很简单，但是有一定的缺陷。如果要为一个元素添加多个相同的事件，则会发生后面的事件覆盖前面事件的现象，举个栗子： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> &lt
JS数据批量回显 回显日期 批量设置只读
飘然生的博客
09-30 347
批量回显 function hxData(data){ var keys = Object.keys(data); for(var i=0;i<keys.length;i++){ $("#"+keys[i]).val(data[keys[i]]); } } 回显日期 $('#projectStartTime').datetimepicker({ for...
JS给某id下全部li添加点击事件的方法
Lucivita的博客
12-17 1701
第一步：获取到id的dom 第二步：根据获取到id的dom中获取到全部li数组 第三步：遍历添加onClick
js批量添加事件监听，用于处理tab标签选中的一个示例
与其用泪水悔恨昨天，不如用汗水拼搏今天
08-29 2536
之前每次网上找的好看的控件都不知道如何切换标签，因为通常提供的都是html，需要自己写js，无从下手，本次通过自己的理解学会了一个tab页面的激活与取消（简单的方法，以前的方法很笨拙），通过js遍历添加事件监听的方式，无论你有多少个tab页面都无需修改js了，自动适应。 例子是使用了SUI的一个工具栏，提供了3个按钮，自己给了3个tab content与之一一对应，通过点击工具栏的按钮实现工具栏...
js循环添加事件的两种方法
jinxiaoning的博客
04-19 2582
js循环事件的两种方法
前端js点击事件处理多次频繁点击问题
热门推荐
weixin_42794365的博客
12-28 1万+
在开发中有时候我们有一个点击请求事件，如果操作者一直快速点击就会一直请求，造成资源浪费为此我们一般要进行处理防止用户频繁点击 一般处理频繁点击有： 1.显示隐藏 2.通过时间间隔进行判断 3.使用节流处理 此次使用第三种如果想了解前两种可进行搜索查询 代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta ch...
原生js事件批量绑定-事件委托
sinat_32290679的博客
09-20 7369
我们常常会遇到一个需求，就是给表格里面的每个特定的td绑定一个事件.遇到这种需求，很多人基本都是直接上如下代码： var td = document.getElementsByTagName("td"); for( let i =0; i<td.length; i++){ td[i].onclick = function(){ //事件处理 }

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值