欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

JavaScript 事件能用 class 激活吗?

程序员文章站 2022-03-11 13:34:10
...

我想问问JavaScript的事件能用class激活吗?
我刚学,没见过别人怎么弄的.

比如下面那个淘宝的导航条,一点就出现一个圆框,要是一个元素加一个点击事件,那得写很多代码,我觉得应该是用 class 弄的?
如果不是,他们是怎么弄的呢?

    
aaaaa

JavaScript 事件能用 class 激活吗?

回复内容:

我想问问JavaScript的事件能用class激活吗?
我刚学,没见过别人怎么弄的.

比如下面那个淘宝的导航条,一点就出现一个圆框,要是一个元素加一个点击事件,那得写很多代码,我觉得应该是用 class 弄的?
如果不是,他们是怎么弄的呢?

    
aaaaa

JavaScript 事件能用 class 激活吗?

楼上这些人啊 你们能循循渐进的跟题主讲嘛

都说了题主刚学 那只是一个鼠标悬浮:hover样式 不涉及任何事件
就算类比事件 题主都不知道事件委托

建议题主到http://www.w3school.com.cn/ 或者慕课网 或者任何一家在线培训机构下载html css和 JavaScript免费教程学习下 比如 某传智播客 等等 或者诸如 百度前端技术学院 都有前端基础培训

PS 上面只是列举一些网站 不涉及推广 另外不推荐花钱买培训,想学靠自己就OK

你说的这个,元素如果多的话应该都是循环出来的。点击事件也是绑在元素上的,根据点击不同的元素,传一个id或者其他的东西到js逻辑代码中,进行处理。你说的给class加事件真没听过,貌似没人这么用过。你再看看一会有没有人这么用过吧。

使用事件委托

可以先写好样式,点击添加类名

跟class绑定事件没关系,事件是绑定在元素上的,你可以先通过class获取到元素,然后循环添加事件,这个用jq做一行代码就搞定了。

$(选择器).on('click',function(){});

css中的伪类。:hover,或者个它一个类名,getElementsByClassName('类名'),给他遍历加上onmouseover=function(){你要的函数,功能}