JavaScript 事件能用 class 激活吗?

WBOY
풀어 주다: 2016-06-06 20:11:57
원래의
1062명이 탐색했습니다.

我想问问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(){你要的函数,功能}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿