Maison  >  Article  >  développement back-end  >  JavaScript 事件能用 class 激活吗?

JavaScript 事件能用 class 激活吗?

WBOY
WBOYoriginal
2016-06-06 20:11:571025parcourir

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

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

<code>    <div id="one">aaaaa</div>
    <script for="ID" event="事件">
        alert('222222');
    </script></code>

JavaScript 事件能用 class 激活吗?

回复内容:

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

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

<code>    <div id="one">aaaaa</div>
    <script for="ID" event="事件">
        alert('222222');
    </script></code>

JavaScript 事件能用 class 激活吗?

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

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

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

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

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

使用事件委托

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

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

<code>$(选择器).on('click',function(){});</code>

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn