javascript 为元素绑定不同点击事件

javascript 为元素绑定不同点击事件

筱果果 发布于 2021-11-28 字数 900 浏览 653 回复 3

var sideRight = document.getElementById('sideright');

var side = document.getElementsByClassName('side-icon');

var flag = true;

for (var i = 0; i < side.length; i++) {

(function() {

if (flag) {

side[i].addEventListener('click', function() {

changeManyElem(sideRight, {

'right': 0

}, 30);

}, false);

flag = false;

} else {

side[i].addEventListener('click', function() {

changeManyElem(sideRight, {

'right': -350

}, 30);

flag = true;

}, false);

}

})();

}

这里我side的每一项绑定了两个点击事件




效果就是点击每一项右边栏会划出,再点击一下会滑回去。

可是代码敲完之后发现点击第一项的时候会划出,再点击第一项的时候没反应,这时候点击第二项时会滑回去。

求高手指点迷津!!

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

一个人的旅程 2021-12-01 3 楼

为什么不考虑jquery

柠檬 2021-12-01 2 楼

我是新手,很多都不太会,请问我该怎样初始化其他的项呢?

浮生未歇 2021-11-30 1 楼

  你首先确定一点是你写完这段代码后测试第一项是没有任何问题,也就是说解释器在解释你的js代码后,你的第一项功能是没有问题的,此时,无论你试多少次你的第一个图标都是没有问题的,只要你不单击其他项目,如果你单击了其他项会出现你说的问题

  解决办法

      你在切换到其他项时对原来的项进行还原或初始化操作