当前位置:Gxlcms > PHP教程 > JavaScript事件能用class激活吗?

JavaScript事件能用class激活吗?

时间:2021-07-01 10:21:17 帮助过:3人阅读

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

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

    aaaaa
    

回复内容:

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

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

    aaaaa
    

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

都说了题主刚学 那只是一个鼠标悬浮: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(){你要的函数,功能}

人气教程排行